#C46C96 - #EED5E0 | 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 #C46C96 to #EED5E0

#C46C96 #EED5E0

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

#C46C96 - #EED5E0 | 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 #C46C96 as 0% and #EED5E0 as 100%.

0.0%	0.0% #C46C96	RGB 196 108 150	#C46C96
16.7%	16.7% #CB7DA2	RGB 203 125 162	#CB7DA2
33.3%	33.3% #D28FAE	RGB 210 143 174	#D28FAE
50.0%	50.0% #D9A0BB	RGB 217 160 187	#D9A0BB
66.7%	66.7% #E0B2C7	RGB 224 178 199	#E0B2C7
83.3%	83.3% #E7C3D3	RGB 231 195 211	#E7C3D3
100.0%	100.0% #EED5E0	RGB 238 213 224	#EED5E0

#C46C96 #CB7DA2 #D28FAE #D9A0BB #E0B2C7 #E7C3D3 #EED5E0

#C46C96 - #EED5E0

HSV Blend

#C46C96 - #EED5E0 | 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 #C46C96 as 0% and #EED5E0 as 100%.

0.0%	0.0% #C46C96	RGB 196 108 150	#C46C96
16.7%	16.7% #CB7BA0	RGB 203 123 160	#CB7BA0
33.3%	33.3% #D28BAC	RGB 210 139 172	#D28BAC
50.0%	50.0% #D99CB8	RGB 217 156 184	#D99CB8
66.7%	66.7% #E0AEC5	RGB 224 174 197	#E0AEC5
83.3%	83.3% #E7C1D2	RGB 231 193 210	#E7C1D2
100.0%	100.0% #EED5E0	RGB 238 213 224	#EED5E0

#C46C96 #CB7BA0 #D28BAC #D99CB8 #E0AEC5 #E7C1D2 #EED5E0

#C46C96 - #D99CB8 - #EED5E0

CSS codes

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

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