#DC5E59 - #AB1E18 | colorate

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

Blend #DC5E59 to #AB1E18

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

RGB混合

#DC5E59 - #AB1E18 | colorate

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

0.0%	0.0% #DC5E59	RGB 220 94 89	#DC5E59
16.7%	16.7% #D3534E	RGB 211 83 78	#D3534E
33.3%	33.3% #CB4843	RGB 203 72 67	#CB4843
50.0%	50.0% #C33E38	RGB 195 62 56	#C33E38
66.7%	66.7% #BB332D	RGB 187 51 45	#BB332D
83.3%	83.3% #B32822	RGB 179 40 34	#B32822
100.0%	100.0% #AB1E18	RGB 171 30 24	#AB1E18

#DC5E59 #D3534E #CB4843 #C33E38 #BB332D #B32822 #AB1E18

#DC5E59 - #AB1E18

HSV混合

#DC5E59 - #AB1E18 | colorate

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

0.0%	0.0% #DC5E59	RGB 220 94 89	#DC5E59
16.7%	16.7% #D3514C	RGB 211 81 76	#D3514C
33.3%	33.3% #CB4540	RGB 203 69 64	#CB4540
50.0%	50.0% #C33A35	RGB 195 58 53	#C33A35
66.7%	66.7% #BB302A	RGB 187 48 42	#BB302A
83.3%	83.3% #B32621	RGB 179 38 33	#B32621
100.0%	100.0% #AB1E18	RGB 171 30 24	#AB1E18

#DC5E59 #D3514C #CB4540 #C33A35 #BB302A #B32621 #AB1E18

#DC5E59 - #C33A35 - #AB1E18

CSS代码

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

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