#E8DAFF - #BF7EDB | 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 #E8DAFF to #BF7EDB

#E8DAFF #BF7EDB

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

#E8DAFF - #BF7EDB | 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 #E8DAFF as 0% and #BF7EDB as 100%.

0.0%	0.0% #E8DAFF	RGB 232 218 255	#E8DAFF
16.7%	16.7% #E1CAF9	RGB 225 202 249	#E1CAF9
33.3%	33.3% #DABBF3	RGB 218 187 243	#DABBF3
50.0%	50.0% #D3ACED	RGB 211 172 237	#D3ACED
66.7%	66.7% #CC9CE7	RGB 204 156 231	#CC9CE7
83.3%	83.3% #C58DE1	RGB 197 141 225	#C58DE1
100.0%	100.0% #BF7EDB	RGB 191 126 219	#BF7EDB

#E8DAFF #E1CAF9 #DABBF3 #D3ACED #CC9CE7 #C58DE1 #BF7EDB

#E8DAFF - #BF7EDB

HSV Blend

#E8DAFF - #BF7EDB | 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 #E8DAFF as 0% and #BF7EDB as 100%.

0.0%	0.0% #E8DAFF	RGB 232 218 255	#E8DAFF
16.7%	16.7% #DDC9F9	RGB 221 201 249	#DDC9F9
33.3%	33.3% #D5B9F3	RGB 213 185 243	#D5B9F3
50.0%	50.0% #CDA9ED	RGB 205 169 237	#CDA9ED
66.7%	66.7% #C79AE7	RGB 199 154 231	#C79AE7
83.3%	83.3% #C28BE1	RGB 194 139 225	#C28BE1
100.0%	100.0% #BF7EDB	RGB 191 126 219	#BF7EDB

#E8DAFF #DDC9F9 #D5B9F3 #CDA9ED #C79AE7 #C28BE1 #BF7EDB

#E8DAFF - #CDA9ED - #BF7EDB

CSS codes

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

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