#C0FFB7 - #364834 | colorate

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

Blend #C0FFB7 to #364834

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

RGB混合

#C0FFB7 - #364834 | colorate

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

0.0%	0.0% #C0FFB7	RGB 192 255 183	#C0FFB7
16.7%	16.7% #A9E0A1	RGB 169 224 161	#A9E0A1
33.3%	33.3% #92C28B	RGB 146 194 139	#92C28B
50.0%	50.0% #7BA375	RGB 123 163 117	#7BA375
66.7%	66.7% #64845F	RGB 100 132 95	#64845F
83.3%	83.3% #4D6649	RGB 77 102 73	#4D6649
100.0%	100.0% #364834	RGB 54 72 52	#364834

#C0FFB7 #A9E0A1 #92C28B #7BA375 #64845F #4D6649 #364834

#C0FFB7 - #364834

HSV混合

#C0FFB7 - #364834 | colorate

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

0.0%	0.0% #C0FFB7	RGB 192 255 183	#C0FFB7
16.7%	16.7% #A8E0A1	RGB 168 224 161	#A8E0A1
33.3%	33.3% #91C28B	RGB 145 194 139	#91C28B
50.0%	50.0% #7AA375	RGB 122 163 117	#7AA375
66.7%	66.7% #63845F	RGB 99 132 95	#63845F
83.3%	83.3% #4C6649	RGB 76 102 73	#4C6649
100.0%	100.0% #364834	RGB 54 72 52	#364834

#C0FFB7 #A8E0A1 #91C28B #7AA375 #63845F #4C6649 #364834

#C0FFB7 - #7AA375 - #364834

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFB7 0%, #7AA375 50%, #364834 100%);
    background: -webkit-linear-gradient(top, #C0FFB7 0%, #7AA375 50%, #364834 100%);
    background: linear-gradient(to bottom, #C0FFB7 0%, #7AA375 50%, #364834 100%);
}
</style>