#BFDB9F - #363E2D | colorate

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

Blend #BFDB9F to #363E2D

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

RGB混合

#BFDB9F - #363E2D | colorate

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

0.0%	0.0% #BFDB9F	RGB 191 219 159	#BFDB9F
16.7%	16.7% #A8C08C	RGB 168 192 140	#A8C08C
33.3%	33.3% #91A679	RGB 145 166 121	#91A679
50.0%	50.0% #7A8C66	RGB 122 140 102	#7A8C66
66.7%	66.7% #637253	RGB 99 114 83	#637253
83.3%	83.3% #4C5840	RGB 76 88 64	#4C5840
100.0%	100.0% #363E2D	RGB 54 62 45	#363E2D

#BFDB9F #A8C08C #91A679 #7A8C66 #637253 #4C5840 #363E2D

#BFDB9F - #363E2D

HSV混合

#BFDB9F - #363E2D | colorate

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

0.0%	0.0% #BFDB9F	RGB 191 219 159	#BFDB9F
16.7%	16.7% #A8C08B	RGB 168 192 139	#A8C08B
33.3%	33.3% #91A678	RGB 145 166 120	#91A678
50.0%	50.0% #7A8C65	RGB 122 140 101	#7A8C65
66.7%	66.7% #637252	RGB 99 114 82	#637252
83.3%	83.3% #4C583F	RGB 76 88 63	#4C583F
100.0%	100.0% #363E2D	RGB 54 62 45	#363E2D

#BFDB9F #A8C08B #91A678 #7A8C65 #637252 #4C583F #363E2D

#BFDB9F - #7A8C65 - #363E2D

CSS代码

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

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