#C46C7B - #EED5D9 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C46C7B to #EED5D9

#C46C7B #EED5D9

Calculate the color between two colors, #C46C7B and #EED5D9. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C46C7B - #EED5D9 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C46C7B as 0% and #EED5D9 as 100%.

0.0%	0.0% #C46C7B	RGB 196 108 123	#C46C7B
16.7%	16.7% #CB7D8A	RGB 203 125 138	#CB7D8A
33.3%	33.3% #D28F9A	RGB 210 143 154	#D28F9A
50.0%	50.0% #D9A0AA	RGB 217 160 170	#D9A0AA
66.7%	66.7% #E0B2B9	RGB 224 178 185	#E0B2B9
83.3%	83.3% #E7C3C9	RGB 231 195 201	#E7C3C9
100.0%	100.0% #EED5D9	RGB 238 213 217	#EED5D9

#C46C7B #CB7D8A #D28F9A #D9A0AA #E0B2B9 #E7C3C9 #EED5D9

#C46C7B - #EED5D9

HSV Blend

#C46C7B - #EED5D9 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C46C7B as 0% and #EED5D9 as 100%.

0.0%	0.0% #C46C7B	RGB 196 108 123	#C46C7B
16.7%	16.7% #CB7B88	RGB 203 123 136	#CB7B88
33.3%	33.3% #D28B97	RGB 210 139 151	#D28B97
50.0%	50.0% #D99CA6	RGB 217 156 166	#D99CA6
66.7%	66.7% #E0AEB6	RGB 224 174 182	#E0AEB6
83.3%	83.3% #E7C1C7	RGB 231 193 199	#E7C1C7
100.0%	100.0% #EED5D9	RGB 238 213 217	#EED5D9

#C46C7B #CB7B88 #D28B97 #D99CA6 #E0AEB6 #E7C1C7 #EED5D9

#C46C7B - #D99CA6 - #EED5D9

CSS codes

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

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