#BDAFBA - #ECE8EA | 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 #BDAFBA to #ECE8EA

#BDAFBA #ECE8EA

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

#BDAFBA - #ECE8EA | 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 #BDAFBA as 0% and #ECE8EA as 100%.

0.0%	0.0% #BDAFBA	RGB 189 175 186	#BDAFBA
16.7%	16.7% #C4B8C2	RGB 196 184 194	#C4B8C2
33.3%	33.3% #CCC2CA	RGB 204 194 202	#CCC2CA
50.0%	50.0% #D4CBD2	RGB 212 203 210	#D4CBD2
66.7%	66.7% #DCD5DA	RGB 220 213 218	#DCD5DA
83.3%	83.3% #E4DEE2	RGB 228 222 226	#E4DEE2
100.0%	100.0% #ECE8EA	RGB 236 232 234	#ECE8EA

#BDAFBA #C4B8C2 #CCC2CA #D4CBD2 #DCD5DA #E4DEE2 #ECE8EA

#BDAFBA - #ECE8EA

HSV Blend

#BDAFBA - #ECE8EA | 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 #BDAFBA as 0% and #ECE8EA as 100%.

0.0%	0.0% #BDAFBA	RGB 189 175 186	#BDAFBA
16.7%	16.7% #C4B8C1	RGB 196 184 193	#C4B8C1
33.3%	33.3% #CCC1C9	RGB 204 193 201	#CCC1C9
50.0%	50.0% #D4CAD1	RGB 212 202 209	#D4CAD1
66.7%	66.7% #DCD4D9	RGB 220 212 217	#DCD4D9
83.3%	83.3% #E4DEE1	RGB 228 222 225	#E4DEE1
100.0%	100.0% #ECE8EA	RGB 236 232 234	#ECE8EA

#BDAFBA #C4B8C1 #CCC1C9 #D4CAD1 #DCD4D9 #E4DEE1 #ECE8EA

#BDAFBA - #D4CAD1 - #ECE8EA

CSS codes

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

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