#5E9F9D - #0E6C5E | colorate

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

Blend #5E9F9D to #0E6C5E

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

RGB混合

#5E9F9D - #0E6C5E | colorate

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

0.0%	0.0% #5E9F9D	RGB 94 159 157	#5E9F9D
16.7%	16.7% #509692	RGB 80 150 146	#509692
33.3%	33.3% #438E88	RGB 67 142 136	#438E88
50.0%	50.0% #36857D	RGB 54 133 125	#36857D
66.7%	66.7% #287D73	RGB 40 125 115	#287D73
83.3%	83.3% #1B7468	RGB 27 116 104	#1B7468
100.0%	100.0% #0E6C5E	RGB 14 108 94	#0E6C5E

#5E9F9D #509692 #438E88 #36857D #287D73 #1B7468 #0E6C5E

#5E9F9D - #0E6C5E

HSV混合

#5E9F9D - #0E6C5E | colorate

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

0.0%	0.0% #5E9F9D	RGB 94 159 157	#5E9F9D
16.7%	16.7% #4D9692	RGB 77 150 146	#4D9692
33.3%	33.3% #3E8E88	RGB 62 142 136	#3E8E88
50.0%	50.0% #30857D	RGB 48 133 125	#30857D
66.7%	66.7% #237D73	RGB 35 125 115	#237D73
83.3%	83.3% #187468	RGB 24 116 104	#187468
100.0%	100.0% #0E6C5E	RGB 14 108 94	#0E6C5E

#5E9F9D #4D9692 #3E8E88 #30857D #237D73 #187468 #0E6C5E

#5E9F9D - #30857D - #0E6C5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9F9D 0%, #30857D 50%, #0E6C5E 100%);
    background: -webkit-linear-gradient(top, #5E9F9D 0%, #30857D 50%, #0E6C5E 100%);
    background: linear-gradient(to bottom, #5E9F9D 0%, #30857D 50%, #0E6C5E 100%);
}
</style>