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

#BCA6C4 #ECE5EE

Calculate the color between two colors, #BCA6C4 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)

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

0.0%	0.0% #BCA6C4	RGB 188 166 196	#BCA6C4
16.7%	16.7% #C4B0CB	RGB 196 176 203	#C4B0CB
33.3%	33.3% #CCBBD2	RGB 204 187 210	#CCBBD2
50.0%	50.0% #D4C5D9	RGB 212 197 217	#D4C5D9
66.7%	66.7% #DCD0E0	RGB 220 208 224	#DCD0E0
83.3%	83.3% #E4DAE7	RGB 228 218 231	#E4DAE7
100.0%	100.0% #ECE5EE	RGB 236 229 238	#ECE5EE

#BCA6C4 #C4B0CB #CCBBD2 #D4C5D9 #DCD0E0 #E4DAE7 #ECE5EE

#BCA6C4 - #ECE5EE

HSV Blend

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

0.0%	0.0% #BCA6C4	RGB 188 166 196	#BCA6C4
16.7%	16.7% #C3AFCB	RGB 195 175 203	#C3AFCB
33.3%	33.3% #CBB9D2	RGB 203 185 210	#CBB9D2
50.0%	50.0% #D3C4D9	RGB 211 196 217	#D3C4D9
66.7%	66.7% #DBCEE0	RGB 219 206 224	#DBCEE0
83.3%	83.3% #E3D9E7	RGB 227 217 231	#E3D9E7
100.0%	100.0% #ECE5EE	RGB 236 229 238	#ECE5EE

#BCA6C4 #C3AFCB #CBB9D2 #D3C4D9 #DBCEE0 #E3D9E7 #ECE5EE

#BCA6C4 - #D3C4D9 - #ECE5EE

CSS codes

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

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