#C46CA0 - #EED5E3 | 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 #C46CA0 to #EED5E3

#C46CA0 #EED5E3

Calculate the color between two colors, #C46CA0 and #EED5E3. 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)

#C46CA0 - #EED5E3 | 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 #C46CA0 as 0% and #EED5E3 as 100%.

0.0%	0.0% #C46CA0	RGB 196 108 160	#C46CA0
16.7%	16.7% #CB7DAB	RGB 203 125 171	#CB7DAB
33.3%	33.3% #D28FB6	RGB 210 143 182	#D28FB6
50.0%	50.0% #D9A0C1	RGB 217 160 193	#D9A0C1
66.7%	66.7% #E0B2CC	RGB 224 178 204	#E0B2CC
83.3%	83.3% #E7C3D7	RGB 231 195 215	#E7C3D7
100.0%	100.0% #EED5E3	RGB 238 213 227	#EED5E3

#C46CA0 #CB7DAB #D28FB6 #D9A0C1 #E0B2CC #E7C3D7 #EED5E3

#C46CA0 - #EED5E3

HSV Blend

#C46CA0 - #EED5E3 | 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 #C46CA0 as 0% and #EED5E3 as 100%.

0.0%	0.0% #C46C9F	RGB 196 108 159	#C46C9F
16.7%	16.7% #CB7BAA	RGB 203 123 170	#CB7BAA
33.3%	33.3% #D28BB4	RGB 210 139 180	#D28BB4
50.0%	50.0% #D99CBF	RGB 217 156 191	#D99CBF
66.7%	66.7% #E0AECA	RGB 224 174 202	#E0AECA
83.3%	83.3% #E7C1D6	RGB 231 193 214	#E7C1D6
100.0%	100.0% #EED5E3	RGB 238 213 227	#EED5E3

#C46C9F #CB7BAA #D28BB4 #D99CBF #E0AECA #E7C1D6 #EED5E3

#C46CA0 - #D99CBF - #EED5E3

CSS codes

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

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