#DA3E5A - #3E1119 | colorate

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

Blend #DA3E5A to #3E1119

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

RGB混合

#DA3E5A - #3E1119 | colorate

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

0.0%	0.0% #DA3E5A	RGB 218 62 90	#DA3E5A
16.7%	16.7% #C0364F	RGB 192 54 79	#C0364F
33.3%	33.3% #A62F44	RGB 166 47 68	#A62F44
50.0%	50.0% #8C2739	RGB 140 39 57	#8C2739
66.7%	66.7% #72202E	RGB 114 32 46	#72202E
83.3%	83.3% #581823	RGB 88 24 35	#581823
100.0%	100.0% #3E1119	RGB 62 17 25	#3E1119

#DA3E5A #C0364F #A62F44 #8C2739 #72202E #581823 #3E1119

#DA3E5A - #3E1119

HSV混合

#DA3E5A - #3E1119 | colorate

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

0.0%	0.0% #DA3E59	RGB 218 62 89	#DA3E59
16.7%	16.7% #C0364E	RGB 192 54 78	#C0364E
33.3%	33.3% #A62E44	RGB 166 46 68	#A62E44
50.0%	50.0% #8C2739	RGB 140 39 57	#8C2739
66.7%	66.7% #721F2E	RGB 114 31 46	#721F2E
83.3%	83.3% #581823	RGB 88 24 35	#581823
100.0%	100.0% #3E1119	RGB 62 17 25	#3E1119

#DA3E59 #C0364E #A62E44 #8C2739 #721F2E #581823 #3E1119

#DA3E5A - #8C2739 - #3E1119

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA3E59 0%, #8C2739 50%, #3E1119 100%);
    background: -webkit-linear-gradient(top, #DA3E59 0%, #8C2739 50%, #3E1119 100%);
    background: linear-gradient(to bottom, #DA3E59 0%, #8C2739 50%, #3E1119 100%);
}
</style>