#BD9AD6 - #ECE2F3 | 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 #BD9AD6 to #ECE2F3

#BD9AD6 #ECE2F3

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

#BD9AD6 - #ECE2F3 | 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 #BD9AD6 as 0% and #ECE2F3 as 100%.

0.0%	0.0% #BD9AD6	RGB 189 154 214	#BD9AD6
16.7%	16.7% #C4A6DA	RGB 196 166 218	#C4A6DA
33.3%	33.3% #CCB2DF	RGB 204 178 223	#CCB2DF
50.0%	50.0% #D4BEE4	RGB 212 190 228	#D4BEE4
66.7%	66.7% #DCCAE9	RGB 220 202 233	#DCCAE9
83.3%	83.3% #E4D6EE	RGB 228 214 238	#E4D6EE
100.0%	100.0% #ECE2F3	RGB 236 226 243	#ECE2F3

#BD9AD6 #C4A6DA #CCB2DF #D4BEE4 #DCCAE9 #E4D6EE #ECE2F3

#BD9AD6 - #ECE2F3

HSV Blend

#BD9AD6 - #ECE2F3 | 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 #BD9AD6 as 0% and #ECE2F3 as 100%.

0.0%	0.0% #BC9AD6	RGB 188 154 214	#BC9AD6
16.7%	16.7% #C4A5DA	RGB 196 165 218	#C4A5DA
33.3%	33.3% #CCB0DF	RGB 204 176 223	#CCB0DF
50.0%	50.0% #D3BCE4	RGB 211 188 228	#D3BCE4
66.7%	66.7% #DBC8E9	RGB 219 200 233	#DBC8E9
83.3%	83.3% #E3D5EE	RGB 227 213 238	#E3D5EE
100.0%	100.0% #ECE2F3	RGB 236 226 243	#ECE2F3

#BC9AD6 #C4A5DA #CCB0DF #D3BCE4 #DBC8E9 #E3D5EE #ECE2F3

#BD9AD6 - #D3BCE4 - #ECE2F3

CSS codes

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

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