#588E5E - #CAD07E | colorate

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

Blend #588E5E to #CAD07E

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

RGB混合

#588E5E - #CAD07E | colorate

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

0.0%	0.0% #588E5E	RGB 88 142 94	#588E5E
16.7%	16.7% #6B9963	RGB 107 153 99	#6B9963
33.3%	33.3% #7EA468	RGB 126 164 104	#7EA468
50.0%	50.0% #91AF6E	RGB 145 175 110	#91AF6E
66.7%	66.7% #A4BA73	RGB 164 186 115	#A4BA73
83.3%	83.3% #B7C578	RGB 183 197 120	#B7C578
100.0%	100.0% #CAD07E	RGB 202 208 126	#CAD07E

#588E5E #6B9963 #7EA468 #91AF6E #A4BA73 #B7C578 #CAD07E

#588E5E - #CAD07E

HSV混合

#588E5E - #CAD07E | colorate

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

0.0%	0.0% #588E5E	RGB 88 142 94	#588E5E
16.7%	16.7% #62995E	RGB 98 153 94	#62995E
33.3%	33.3% #73A464	RGB 115 164 100	#73A464
50.0%	50.0% #86AF6B	RGB 134 175 107	#86AF6B
66.7%	66.7% #9BBA71	RGB 155 186 113	#9BBA71
83.3%	83.3% #B1C577	RGB 177 197 119	#B1C577
100.0%	100.0% #CAD07E	RGB 202 208 126	#CAD07E

#588E5E #62995E #73A464 #86AF6B #9BBA71 #B1C577 #CAD07E

#588E5E - #86AF6B - #CAD07E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #588E5E 0%, #86AF6B 50%, #CAD07E 100%);
    background: -webkit-linear-gradient(top, #588E5E 0%, #86AF6B 50%, #CAD07E 100%);
    background: linear-gradient(to bottom, #588E5E 0%, #86AF6B 50%, #CAD07E 100%);
}
</style>