#0E5E4D - #02331E | colorate

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

Blend #0E5E4D to #02331E

计算两种颜色#0E5E4D和#02331E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#0E5E4D - #02331E | colorate

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

0.0%	0.0% #0E5E4D	RGB 14 94 77	#0E5E4D
16.7%	16.7% #0C5645	RGB 12 86 69	#0C5645
33.3%	33.3% #0A4F3D	RGB 10 79 61	#0A4F3D
50.0%	50.0% #084835	RGB 8 72 53	#084835
66.7%	66.7% #06412D	RGB 6 65 45	#06412D
83.3%	83.3% #043A25	RGB 4 58 37	#043A25
100.0%	100.0% #02331E	RGB 2 51 30	#02331E

#0E5E4D #0C5645 #0A4F3D #084835 #06412D #043A25 #02331E

#0E5E4D - #02331E

HSV混合

#0E5E4D - #02331E | colorate

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

0.0%	0.0% #0D5E4D	RGB 13 94 77	#0D5E4D
16.7%	16.7% #0B5644	RGB 11 86 68	#0B5644
33.3%	33.3% #084F3B	RGB 8 79 59	#084F3B
50.0%	50.0% #064833	RGB 6 72 51	#064833
66.7%	66.7% #04412B	RGB 4 65 43	#04412B
83.3%	83.3% #033A24	RGB 3 58 36	#033A24
100.0%	100.0% #02331E	RGB 2 51 30	#02331E

#0D5E4D #0B5644 #084F3B #064833 #04412B #033A24 #02331E

#0E5E4D - #064833 - #02331E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D5E4D 0%, #064833 50%, #02331E 100%);
    background: -webkit-linear-gradient(top, #0D5E4D 0%, #064833 50%, #02331E 100%);
    background: linear-gradient(to bottom, #0D5E4D 0%, #064833 50%, #02331E 100%);
}
</style>