#BDA2D6 - #ECE4F3 | 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 #BDA2D6 to #ECE4F3

#BDA2D6 #ECE4F3

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

#BDA2D6 - #ECE4F3 | 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 #BDA2D6 as 0% and #ECE4F3 as 100%.

0.0%	0.0% #BDA2D6	RGB 189 162 214	#BDA2D6
16.7%	16.7% #C4ADDA	RGB 196 173 218	#C4ADDA
33.3%	33.3% #CCB8DF	RGB 204 184 223	#CCB8DF
50.0%	50.0% #D4C3E4	RGB 212 195 228	#D4C3E4
66.7%	66.7% #DCCEE9	RGB 220 206 233	#DCCEE9
83.3%	83.3% #E4D9EE	RGB 228 217 238	#E4D9EE
100.0%	100.0% #ECE4F3	RGB 236 228 243	#ECE4F3

#BDA2D6 #C4ADDA #CCB8DF #D4C3E4 #DCCEE9 #E4D9EE #ECE4F3

#BDA2D6 - #ECE4F3

HSV Blend

#BDA2D6 - #ECE4F3 | 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 #BDA2D6 as 0% and #ECE4F3 as 100%.

0.0%	0.0% #BDA2D6	RGB 189 162 214	#BDA2D6
16.7%	16.7% #C4ACDA	RGB 196 172 218	#C4ACDA
33.3%	33.3% #CCB6DF	RGB 204 182 223	#CCB6DF
50.0%	50.0% #D4C1E4	RGB 212 193 228	#D4C1E4
66.7%	66.7% #DBCCE9	RGB 219 204 233	#DBCCE9
83.3%	83.3% #E3D8EE	RGB 227 216 238	#E3D8EE
100.0%	100.0% #ECE4F3	RGB 236 228 243	#ECE4F3

#BDA2D6 #C4ACDA #CCB6DF #D4C1E4 #DBCCE9 #E3D8EE #ECE4F3

#BDA2D6 - #D4C1E4 - #ECE4F3

CSS codes

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

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