#BF9CDD - #ECE2F5 | 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 #BF9CDD to #ECE2F5

#BF9CDD #ECE2F5

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

#BF9CDD - #ECE2F5 | 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 #BF9CDD as 0% and #ECE2F5 as 100%.

0.0%	0.0% #BF9CDD	RGB 191 156 221	#BF9CDD
16.7%	16.7% #C6A7E1	RGB 198 167 225	#C6A7E1
33.3%	33.3% #CEB3E5	RGB 206 179 229	#CEB3E5
50.0%	50.0% #D5BFE9	RGB 213 191 233	#D5BFE9
66.7%	66.7% #DDCAED	RGB 221 202 237	#DDCAED
83.3%	83.3% #E4D6F1	RGB 228 214 241	#E4D6F1
100.0%	100.0% #ECE2F5	RGB 236 226 245	#ECE2F5

#BF9CDD #C6A7E1 #CEB3E5 #D5BFE9 #DDCAED #E4D6F1 #ECE2F5

#BF9CDD - #ECE2F5

HSV Blend

#BF9CDD - #ECE2F5 | 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 #BF9CDD as 0% and #ECE2F5 as 100%.

0.0%	0.0% #BF9CDD	RGB 191 156 221	#BF9CDD
16.7%	16.7% #C6A6E1	RGB 198 166 225	#C6A6E1
33.3%	33.3% #CDB2E5	RGB 205 178 229	#CDB2E5
50.0%	50.0% #D4BDE9	RGB 212 189 233	#D4BDE9
66.7%	66.7% #DCC9ED	RGB 220 201 237	#DCC9ED
83.3%	83.3% #E4D5F1	RGB 228 213 241	#E4D5F1
100.0%	100.0% #ECE2F5	RGB 236 226 245	#ECE2F5

#BF9CDD #C6A6E1 #CDB2E5 #D4BDE9 #DCC9ED #E4D5F1 #ECE2F5

#BF9CDD - #D4BDE9 - #ECE2F5

CSS codes

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

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