CSS漸變不顯示對稱？

Question

我有這個設置爲一個元素的背景：

div{ 
    width: 400px; 
    height: 200px; 
    background: linear-gradient(to right, #6f5a40 40%, #149f79 60%); 
} 

但梯度似乎強烈支持綠色儘管被給予平等的空間梯度功能兩種顏色。這只是我們眼中的一招，能夠比其他顏色更好地區分綠色，還是我可以通過編程來解決這個問題？切換漸變的順序似乎沒有任何作用：綠色似乎比棕色更受歡迎。

小提琴：http://jsfiddle.net/xw6fqymu/

編輯：我還應該指出的是，這個梯度被疊加的圖像，其中，所述效應甚至更加顯着上。我不認爲這個圖像與此有很大關係，因爲重新排序圖像的顏色與沒有圖像的效果相同。

Answer 1

這似乎是一個感性問題。

這是我在圖形編輯器中創建的兩個示例圖片。兩個梯度都是純線性的（0％至100％）。

正如你可能注意到了，眼睛開始很早接近去飽和的邊緣感知顏色。

---

你可能做的是一個非對稱分佈，例如， linear-gradient(to right, #6f5a40 48%, #149f79 70%); - see fiddle。