#BDA5C6 - #ECE5EE | 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 #BDA5C6 to #ECE5EE

#BDA5C6 #ECE5EE

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

#BDA5C6 - #ECE5EE | 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 #BDA5C6 as 0% and #ECE5EE as 100%.

0.0%	0.0% #BDA5C6	RGB 189 165 198	#BDA5C6
16.7%	16.7% #C4AFCC	RGB 196 175 204	#C4AFCC
33.3%	33.3% #CCBAD3	RGB 204 186 211	#CCBAD3
50.0%	50.0% #D4C5DA	RGB 212 197 218	#D4C5DA
66.7%	66.7% #DCCFE0	RGB 220 207 224	#DCCFE0
83.3%	83.3% #E4DAE7	RGB 228 218 231	#E4DAE7
100.0%	100.0% #ECE5EE	RGB 236 229 238	#ECE5EE

#BDA5C6 #C4AFCC #CCBAD3 #D4C5DA #DCCFE0 #E4DAE7 #ECE5EE

#BDA5C6 - #ECE5EE

HSV Blend

#BDA5C6 - #ECE5EE | 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 #BDA5C6 as 0% and #ECE5EE as 100%.

0.0%	0.0% #BDA5C6	RGB 189 165 198	#BDA5C6
16.7%	16.7% #C4AECC	RGB 196 174 204	#C4AECC
33.3%	33.3% #CCB9D3	RGB 204 185 211	#CCB9D3
50.0%	50.0% #D4C3DA	RGB 212 195 218	#D4C3DA
66.7%	66.7% #DCCEE0	RGB 220 206 224	#DCCEE0
83.3%	83.3% #E4D9E7	RGB 228 217 231	#E4D9E7
100.0%	100.0% #ECE5EE	RGB 236 229 238	#ECE5EE

#BDA5C6 #C4AECC #CCB9D3 #D4C3DA #DCCEE0 #E4D9E7 #ECE5EE

#BDA5C6 - #D4C3DA - #ECE5EE

CSS codes

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

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