#CD2B7B - #8F0B4A | colorate

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

Blend #CD2B7B to #8F0B4A

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

RGB混合

#CD2B7B - #8F0B4A | colorate

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

0.0%	0.0% #CD2B7B	RGB 205 43 123	#CD2B7B
16.7%	16.7% #C22572	RGB 194 37 114	#C22572
33.3%	33.3% #B8206A	RGB 184 32 106	#B8206A
50.0%	50.0% #AE1B62	RGB 174 27 98	#AE1B62
66.7%	66.7% #A3155A	RGB 163 21 90	#A3155A
83.3%	83.3% #991052	RGB 153 16 82	#991052
100.0%	100.0% #8F0B4A	RGB 143 11 74	#8F0B4A

#CD2B7B #C22572 #B8206A #AE1B62 #A3155A #991052 #8F0B4A

#CD2B7B - #8F0B4A

HSV混合

#CD2B7B - #8F0B4A | colorate

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

0.0%	0.0% #CD2B7B	RGB 205 43 123	#CD2B7B
16.7%	16.7% #C22472	RGB 194 36 114	#C22472
33.3%	33.3% #B81E69	RGB 184 30 105	#B81E69
50.0%	50.0% #AE1861	RGB 174 24 97	#AE1861
66.7%	66.7% #A31359	RGB 163 19 89	#A31359
83.3%	83.3% #990F51	RGB 153 15 81	#990F51
100.0%	100.0% #8F0B4A	RGB 143 11 74	#8F0B4A

#CD2B7B #C22472 #B81E69 #AE1861 #A31359 #990F51 #8F0B4A

#CD2B7B - #AE1861 - #8F0B4A

CSS代码

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

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