#E4D5E0 - #BF7E9D | 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 #E4D5E0 to #BF7E9D

#E4D5E0 #BF7E9D

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

#E4D5E0 - #BF7E9D | 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 #E4D5E0 as 0% and #BF7E9D as 100%.

0.0%	0.0% #E4D5E0	RGB 228 213 224	#E4D5E0
16.7%	16.7% #DDC6D4	RGB 221 198 212	#DDC6D4
33.3%	33.3% #D7B8C9	RGB 215 184 201	#D7B8C9
50.0%	50.0% #D1A9BE	RGB 209 169 190	#D1A9BE
66.7%	66.7% #CB9BB3	RGB 203 155 179	#CB9BB3
83.3%	83.3% #C58CA8	RGB 197 140 168	#C58CA8
100.0%	100.0% #BF7E9D	RGB 191 126 157	#BF7E9D

#E4D5E0 #DDC6D4 #D7B8C9 #D1A9BE #CB9BB3 #C58CA8 #BF7E9D

#E4D5E0 - #BF7E9D

HSV Blend

#E4D5E0 - #BF7E9D | 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 #E4D5E0 as 0% and #BF7E9D as 100%.

0.0%	0.0% #E4D5E0	RGB 228 213 224	#E4D5E0
16.7%	16.7% #DDC5D6	RGB 221 197 214	#DDC5D6
33.3%	33.3% #D7B5CB	RGB 215 181 203	#D7B5CB
50.0%	50.0% #D1A6C0	RGB 209 166 192	#D1A6C0
66.7%	66.7% #CB98B5	RGB 203 152 181	#CB98B5
83.3%	83.3% #C58BA9	RGB 197 139 169	#C58BA9
100.0%	100.0% #BF7E9D	RGB 191 126 157	#BF7E9D

#E4D5E0 #DDC5D6 #D7B5CB #D1A6C0 #CB98B5 #C58BA9 #BF7E9D

#E4D5E0 - #D1A6C0 - #BF7E9D

CSS codes

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

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