#AF3E3D - #5E0E09 | colorate

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

Blend #AF3E3D to #5E0E09

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

RGB混合

#AF3E3D - #5E0E09 | colorate

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

0.0%	0.0% #AF3E3D	RGB 175 62 61	#AF3E3D
16.7%	16.7% #A13634	RGB 161 54 52	#A13634
33.3%	33.3% #942E2B	RGB 148 46 43	#942E2B
50.0%	50.0% #862623	RGB 134 38 35	#862623
66.7%	66.7% #791E1A	RGB 121 30 26	#791E1A
83.3%	83.3% #6B1611	RGB 107 22 17	#6B1611
100.0%	100.0% #5E0E09	RGB 94 14 9	#5E0E09

#AF3E3D #A13634 #942E2B #862623 #791E1A #6B1611 #5E0E09

#AF3E3D - #5E0E09

HSV混合

#AF3E3D - #5E0E09 | colorate

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

0.0%	0.0% #AF3E3D	RGB 175 62 61	#AF3E3D
16.7%	16.7% #A13331	RGB 161 51 49	#A13331
33.3%	33.3% #942927	RGB 148 41 39	#942927
50.0%	50.0% #86211D	RGB 134 33 29	#86211D
66.7%	66.7% #791915	RGB 121 25 21	#791915
83.3%	83.3% #6B130E	RGB 107 19 14	#6B130E
100.0%	100.0% #5E0E09	RGB 94 14 9	#5E0E09

#AF3E3D #A13331 #942927 #86211D #791915 #6B130E #5E0E09

#AF3E3D - #86211D - #5E0E09

CSS代码

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

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