#E7D5E4 - #C47BA2 | 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 #E7D5E4 to #C47BA2

#E7D5E4 #C47BA2

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

#E7D5E4 - #C47BA2 | 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 #E7D5E4 as 0% and #C47BA2 as 100%.

0.0%	0.0% #E7D5E4	RGB 231 213 228	#E7D5E4
16.7%	16.7% #E1C6D9	RGB 225 198 217	#E1C6D9
33.3%	33.3% #DBB7CE	RGB 219 183 206	#DBB7CE
50.0%	50.0% #D5A8C3	RGB 213 168 195	#D5A8C3
66.7%	66.7% #CF99B8	RGB 207 153 184	#CF99B8
83.3%	83.3% #C98AAD	RGB 201 138 173	#C98AAD
100.0%	100.0% #C47BA2	RGB 196 123 162	#C47BA2

#E7D5E4 #E1C6D9 #DBB7CE #D5A8C3 #CF99B8 #C98AAD #C47BA2

#E7D5E4 - #C47BA2

HSV Blend

#E7D5E4 - #C47BA2 | 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 #E7D5E4 as 0% and #C47BA2 as 100%.

0.0%	0.0% #E7D5E4	RGB 231 213 228	#E7D5E4
16.7%	16.7% #E1C4DA	RGB 225 196 218	#E1C4DA
33.3%	33.3% #DBB4D1	RGB 219 180 209	#DBB4D1
50.0%	50.0% #D5A5C6	RGB 213 165 198	#D5A5C6
66.7%	66.7% #CF96BA	RGB 207 150 186	#CF96BA
83.3%	83.3% #C988AE	RGB 201 136 174	#C988AE
100.0%	100.0% #C47BA2	RGB 196 123 162	#C47BA2

#E7D5E4 #E1C4DA #DBB4D1 #D5A5C6 #CF96BA #C988AE #C47BA2

#E7D5E4 - #D5A5C6 - #C47BA2

CSS codes

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

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