#C46C7C - #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 #C46C7C to #EED5D9

#C46C7C #EED5D9

Calculate the color between two colors, #C46C7C 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)

#C46C7C - #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 #C46C7C as 0% and #EED5D9 as 100%.

0.0%	0.0% #C46C7C	RGB 196 108 124	#C46C7C
16.7%	16.7% #CB7D8B	RGB 203 125 139	#CB7D8B
33.3%	33.3% #D28F9B	RGB 210 143 155	#D28F9B
50.0%	50.0% #D9A0AA	RGB 217 160 170	#D9A0AA
66.7%	66.7% #E0B2BA	RGB 224 178 186	#E0B2BA
83.3%	83.3% #E7C3C9	RGB 231 195 201	#E7C3C9
100.0%	100.0% #EED5D9	RGB 238 213 217	#EED5D9

#C46C7C #CB7D8B #D28F9B #D9A0AA #E0B2BA #E7C3C9 #EED5D9

#C46C7C - #EED5D9

HSV Blend

#C46C7C - #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 #C46C7C as 0% and #EED5D9 as 100%.

0.0%	0.0% #C46C7C	RGB 196 108 124	#C46C7C
16.7%	16.7% #CB7B89	RGB 203 123 137	#CB7B89
33.3%	33.3% #D28B98	RGB 210 139 152	#D28B98
50.0%	50.0% #D99CA7	RGB 217 156 167	#D99CA7
66.7%	66.7% #E0AEB7	RGB 224 174 183	#E0AEB7
83.3%	83.3% #E7C1C7	RGB 231 193 199	#E7C1C7
100.0%	100.0% #EED5D9	RGB 238 213 217	#EED5D9

#C46C7C #CB7B89 #D28B98 #D99CA7 #E0AEB7 #E7C1C7 #EED5D9

#C46C7C - #D99CA7 - #EED5D9

CSS codes

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

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