#086B5E - #023E24 | colorate

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

Blend #086B5E to #023E24

计算两种颜色#086B5E和#023E24之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#086B5E - #023E24 | colorate

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

0.0%	0.0% #086B5E	RGB 8 107 94	#086B5E
16.7%	16.7% #076354	RGB 7 99 84	#076354
33.3%	33.3% #065C4A	RGB 6 92 74	#065C4A
50.0%	50.0% #055441	RGB 5 84 65	#055441
66.7%	66.7% #044D37	RGB 4 77 55	#044D37
83.3%	83.3% #03452D	RGB 3 69 45	#03452D
100.0%	100.0% #023E24	RGB 2 62 36	#023E24

#086B5E #076354 #065C4A #055441 #044D37 #03452D #023E24

#086B5E - #023E24

HSV混合

#086B5E - #023E24 | colorate

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

0.0%	0.0% #076B5D	RGB 7 107 93	#076B5D
16.7%	16.7% #066352	RGB 6 99 82	#066352
33.3%	33.3% #055C47	RGB 5 92 71	#055C47
50.0%	50.0% #04543D	RGB 4 84 61	#04543D
66.7%	66.7% #034D34	RGB 3 77 52	#034D34
83.3%	83.3% #02452B	RGB 2 69 43	#02452B
100.0%	100.0% #023E24	RGB 2 62 36	#023E24

#076B5D #066352 #055C47 #04543D #034D34 #02452B #023E24

#086B5E - #04543D - #023E24

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #076B5D 0%, #04543D 50%, #023E24 100%);
    background: -webkit-linear-gradient(top, #076B5D 0%, #04543D 50%, #023E24 100%);
    background: linear-gradient(to bottom, #076B5D 0%, #04543D 50%, #023E24 100%);
}
</style>