#38863E - #C4D46B | colorate

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

Blend #38863E to #C4D46B

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

RGB混合

#38863E - #C4D46B | colorate

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

0.0%	0.0% #38863E	RGB 56 134 62	#38863E
16.7%	16.7% #4F9345	RGB 79 147 69	#4F9345
33.3%	33.3% #66A04D	RGB 102 160 77	#66A04D
50.0%	50.0% #7EAD54	RGB 126 173 84	#7EAD54
66.7%	66.7% #95BA5C	RGB 149 186 92	#95BA5C
83.3%	83.3% #ACC763	RGB 172 199 99	#ACC763
100.0%	100.0% #C4D46B	RGB 196 212 107	#C4D46B

#38863E #4F9345 #66A04D #7EAD54 #95BA5C #ACC763 #C4D46B

#38863E - #C4D46B

HSV混合

#38863E - #C4D46B | colorate

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

0.0%	0.0% #38863E	RGB 56 134 62	#38863E
16.7%	16.7% #45933F	RGB 69 147 63	#45933F
33.3%	33.3% #5BA047	RGB 91 160 71	#5BA047
50.0%	50.0% #73AD4F	RGB 115 173 79	#73AD4F
66.7%	66.7% #8DBA58	RGB 141 186 88	#8DBA58
83.3%	83.3% #A7C761	RGB 167 199 97	#A7C761
100.0%	100.0% #C4D46B	RGB 196 212 107	#C4D46B

#38863E #45933F #5BA047 #73AD4F #8DBA58 #A7C761 #C4D46B

#38863E - #73AD4F - #C4D46B

CSS代码

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

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