#BDB0DF - #ECE8F5 | 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 #BDB0DF to #ECE8F5

#BDB0DF #ECE8F5

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

#BDB0DF - #ECE8F5 | 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 #BDB0DF as 0% and #ECE8F5 as 100%.

0.0%	0.0% #BDB0DF	RGB 189 176 223	#BDB0DF
16.7%	16.7% #C4B9E2	RGB 196 185 226	#C4B9E2
33.3%	33.3% #CCC2E6	RGB 204 194 230	#CCC2E6
50.0%	50.0% #D4CCEA	RGB 212 204 234	#D4CCEA
66.7%	66.7% #DCD5ED	RGB 220 213 237	#DCD5ED
83.3%	83.3% #E4DEF1	RGB 228 222 241	#E4DEF1
100.0%	100.0% #ECE8F5	RGB 236 232 245	#ECE8F5

#BDB0DF #C4B9E2 #CCC2E6 #D4CCEA #DCD5ED #E4DEF1 #ECE8F5

#BDB0DF - #ECE8F5

HSV Blend

#BDB0DF - #ECE8F5 | 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 #BDB0DF as 0% and #ECE8F5 as 100%.

0.0%	0.0% #BDB0DF	RGB 189 176 223	#BDB0DF
16.7%	16.7% #C4B8E2	RGB 196 184 226	#C4B8E2
33.3%	33.3% #CCC1E6	RGB 204 193 230	#CCC1E6
50.0%	50.0% #D4CBEA	RGB 212 203 234	#D4CBEA
66.7%	66.7% #DCD4ED	RGB 220 212 237	#DCD4ED
83.3%	83.3% #E3DEF1	RGB 227 222 241	#E3DEF1
100.0%	100.0% #ECE8F5	RGB 236 232 245	#ECE8F5

#BDB0DF #C4B8E2 #CCC1E6 #D4CBEA #DCD4ED #E3DEF1 #ECE8F5

#BDB0DF - #D4CBEA - #ECE8F5

CSS codes

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

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