#2E5E5D - #003926 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #2E5E5D to #003926

计算两种颜色#2E5E5D和#003926之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#2E5E5D - #003926 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#2E5E5D的两种颜色之间的颜色扩展为0％，将#003926扩展为100％。

0.0%	0.0% #2E5E5D	RGB 46 94 93	#2E5E5D
16.7%	16.7% #265753	RGB 38 87 83	#265753
33.3%	33.3% #1E514A	RGB 30 81 74	#1E514A
50.0%	50.0% #174B41	RGB 23 75 65	#174B41
66.7%	66.7% #0F4538	RGB 15 69 56	#0F4538
83.3%	83.3% #073F2F	RGB 7 63 47	#073F2F
100.0%	100.0% #003926	RGB 0 57 38	#003926

#2E5E5D #265753 #1E514A #174B41 #0F4538 #073F2F #003926

#2E5E5D - #003926

HSV混合

#2E5E5D - #003926 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#2E5E5D的两种颜色之间的颜色扩展为0％，将#003926扩展为100％。

0.0%	0.0% #2E5E5D	RGB 46 94 93	#2E5E5D
16.7%	16.7% #235754	RGB 35 87 84	#235754
33.3%	33.3% #1A514A	RGB 26 81 74	#1A514A
50.0%	50.0% #124B41	RGB 18 75 65	#124B41
66.7%	66.7% #0B4538	RGB 11 69 56	#0B4538
83.3%	83.3% #053F2E	RGB 5 63 46	#053F2E
100.0%	100.0% #003926	RGB 0 57 38	#003926

#2E5E5D #235754 #1A514A #124B41 #0B4538 #053F2E #003926

#2E5E5D - #124B41 - #003926

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E5D 0%, #003926 100%);
    background: -webkit-linear-gradient(top, #2E5E5D 0%, #003926 100%);
    background: linear-gradient(to bottom, #2E5E5D 0%, #003926 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E5D 0%, #124B41 50%, #003926 100%);
    background: -webkit-linear-gradient(top, #2E5E5D 0%, #124B41 50%, #003926 100%);
    background: linear-gradient(to bottom, #2E5E5D 0%, #124B41 50%, #003926 100%);
}
</style>