#DF9F91 - #C4513D | colorate

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

Blend #DF9F91 to #C4513D

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

RGB混合

#DF9F91 - #C4513D | colorate

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

0.0%	0.0% #DF9F91	RGB 223 159 145	#DF9F91
16.7%	16.7% #DA9283	RGB 218 146 131	#DA9283
33.3%	33.3% #D68575	RGB 214 133 117	#D68575
50.0%	50.0% #D17867	RGB 209 120 103	#D17867
66.7%	66.7% #CD6B59	RGB 205 107 89	#CD6B59
83.3%	83.3% #C85E4B	RGB 200 94 75	#C85E4B
100.0%	100.0% #C4513D	RGB 196 81 61	#C4513D

#DF9F91 #DA9283 #D68575 #D17867 #CD6B59 #C85E4B #C4513D

#DF9F91 - #C4513D

HSV混合

#DF9F91 - #C4513D | colorate

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

0.0%	0.0% #DF9F91	RGB 223 159 145	#DF9F91
16.7%	16.7% #DA9181	RGB 218 145 129	#DA9181
33.3%	33.3% #D68372	RGB 214 131 114	#D68372
50.0%	50.0% #D17664	RGB 209 118 100	#D17664
66.7%	66.7% #CD6956	RGB 205 105 86	#CD6956
83.3%	83.3% #C85D49	RGB 200 93 73	#C85D49
100.0%	100.0% #C4513D	RGB 196 81 61	#C4513D

#DF9F91 #DA9181 #D68372 #D17664 #CD6956 #C85D49 #C4513D

#DF9F91 - #D17664 - #C4513D

CSS代码

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

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