#5E1623 - #D1BCC0 | colorate

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

Blend #5E1623 to #D1BCC0

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

RGB混合

#5E1623 - #D1BCC0 | colorate

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

0.0%	0.0% #5E1623	RGB 94 22 35	#5E1623
16.7%	16.7% #71313D	RGB 113 49 61	#71313D
33.3%	33.3% #844D57	RGB 132 77 87	#844D57
50.0%	50.0% #976971	RGB 151 105 113	#976971
66.7%	66.7% #AA848B	RGB 170 132 139	#AA848B
83.3%	83.3% #BDA0A5	RGB 189 160 165	#BDA0A5
100.0%	100.0% #D1BCC0	RGB 209 188 192	#D1BCC0

#5E1623 #71313D #844D57 #976971 #AA848B #BDA0A5 #D1BCC0

#5E1623 - #D1BCC0

HSV混合

#5E1623 - #D1BCC0 | colorate

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

0.0%	0.0% #5E1523	RGB 94 21 35	#5E1523
16.7%	16.7% #712734	RGB 113 39 52	#712734
33.3%	33.3% #843C49	RGB 132 60 73	#843C49
50.0%	50.0% #975562	RGB 151 85 98	#975562
66.7%	66.7% #AA737D	RGB 170 115 125	#AA737D
83.3%	83.3% #BD959D	RGB 189 149 157	#BD959D
100.0%	100.0% #D1BCC0	RGB 209 188 192	#D1BCC0

#5E1523 #712734 #843C49 #975562 #AA737D #BD959D #D1BCC0

#5E1623 - #975562 - #D1BCC0

CSS代码

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

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