#C46C96 - #EED5E1 | 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 #EED5E1

#C46C96 #EED5E1

Calculate the color between two colors, #C46C96 and #EED5E1. 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 - #EED5E1 | 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 #EED5E1 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% #D28FAF	RGB 210 143 175	#D28FAF
50.0%	50.0% #D9A0BB	RGB 217 160 187	#D9A0BB
66.7%	66.7% #E0B2C8	RGB 224 178 200	#E0B2C8
83.3%	83.3% #E7C3D4	RGB 231 195 212	#E7C3D4
100.0%	100.0% #EED5E1	RGB 238 213 225	#EED5E1

#C46C96 #CB7DA2 #D28FAF #D9A0BB #E0B2C8 #E7C3D4 #EED5E1

#C46C96 - #EED5E1

HSV Blend

#C46C96 - #EED5E1 | 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 #EED5E1 as 100%.

0.0%	0.0% #C46C96	RGB 196 108 150	#C46C96
16.7%	16.7% #CB7BA1	RGB 203 123 161	#CB7BA1
33.3%	33.3% #D28BAD	RGB 210 139 173	#D28BAD
50.0%	50.0% #D99CB9	RGB 217 156 185	#D99CB9
66.7%	66.7% #E0AEC6	RGB 224 174 198	#E0AEC6
83.3%	83.3% #E7C1D3	RGB 231 193 211	#E7C1D3
100.0%	100.0% #EED5E1	RGB 238 213 225	#EED5E1

#C46C96 #CB7BA1 #D28BAD #D99CB9 #E0AEC6 #E7C1D3 #EED5E1

#C46C96 - #D99CB9 - #EED5E1

CSS codes

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

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