#CD7E84 - #8C2F39 | colorate

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

Blend #CD7E84 to #8C2F39

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

RGB混合

#CD7E84 - #8C2F39 | colorate

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

0.0%	0.0% #CD7E84	RGB 205 126 132	#CD7E84
16.7%	16.7% #C27077	RGB 194 112 119	#C27077
33.3%	33.3% #B7636B	RGB 183 99 107	#B7636B
50.0%	50.0% #AC565E	RGB 172 86 94	#AC565E
66.7%	66.7% #A14952	RGB 161 73 82	#A14952
83.3%	83.3% #963C45	RGB 150 60 69	#963C45
100.0%	100.0% #8C2F39	RGB 140 47 57	#8C2F39

#CD7E84 #C27077 #B7636B #AC565E #A14952 #963C45 #8C2F39

#CD7E84 - #8C2F39

HSV混合

#CD7E84 - #8C2F39 | colorate

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

0.0%	0.0% #CD7E84	RGB 205 126 132	#CD7E84
16.7%	16.7% #C26E75	RGB 194 110 117	#C26E75
33.3%	33.3% #B75F67	RGB 183 95 103	#B75F67
50.0%	50.0% #AC515A	RGB 172 81 90	#AC515A
66.7%	66.7% #A1454E	RGB 161 69 78	#A1454E
83.3%	83.3% #963943	RGB 150 57 67	#963943
100.0%	100.0% #8C2F39	RGB 140 47 57	#8C2F39

#CD7E84 #C26E75 #B75F67 #AC515A #A1454E #963943 #8C2F39

#CD7E84 - #AC515A - #8C2F39

CSS代码

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

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