#C12B5E - #EDC2D1 | colorate

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

Blend #C12B5E to #EDC2D1

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

RGB混合

#C12B5E - #EDC2D1 | colorate

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

0.0%	0.0% #C12B5E	RGB 193 43 94	#C12B5E
16.7%	16.7% #C84471	RGB 200 68 113	#C84471
33.3%	33.3% #CF5D84	RGB 207 93 132	#CF5D84
50.0%	50.0% #D77697	RGB 215 118 151	#D77697
66.7%	66.7% #DE8FAA	RGB 222 143 170	#DE8FAA
83.3%	83.3% #E5A8BD	RGB 229 168 189	#E5A8BD
100.0%	100.0% #EDC2D1	RGB 237 194 209	#EDC2D1

#C12B5E #C84471 #CF5D84 #D77697 #DE8FAA #E5A8BD #EDC2D1

#C12B5E - #EDC2D1

HSV混合

#C12B5E - #EDC2D1 | colorate

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

0.0%	0.0% #C12B5E	RGB 193 43 94	#C12B5E
16.7%	16.7% #C8406E	RGB 200 64 110	#C8406E
33.3%	33.3% #CF5780	RGB 207 87 128	#CF5780
50.0%	50.0% #D76F93	RGB 215 111 147	#D76F93
66.7%	66.7% #DE89A7	RGB 222 137 167	#DE89A7
83.3%	83.3% #E5A5BB	RGB 229 165 187	#E5A5BB
100.0%	100.0% #EDC2D1	RGB 237 194 209	#EDC2D1

#C12B5E #C8406E #CF5780 #D76F93 #DE89A7 #E5A5BB #EDC2D1

#C12B5E - #D76F93 - #EDC2D1

CSS代码

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

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