#BF9AB9 - #ECE2EA | 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 #BF9AB9 to #ECE2EA

#BF9AB9 #ECE2EA

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

#BF9AB9 - #ECE2EA | 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 #BF9AB9 as 0% and #ECE2EA as 100%.

0.0%	0.0% #BF9AB9	RGB 191 154 185	#BF9AB9
16.7%	16.7% #C6A6C1	RGB 198 166 193	#C6A6C1
33.3%	33.3% #CEB2C9	RGB 206 178 201	#CEB2C9
50.0%	50.0% #D5BED1	RGB 213 190 209	#D5BED1
66.7%	66.7% #DDCAD9	RGB 221 202 217	#DDCAD9
83.3%	83.3% #E4D6E1	RGB 228 214 225	#E4D6E1
100.0%	100.0% #ECE2EA	RGB 236 226 234	#ECE2EA

#BF9AB9 #C6A6C1 #CEB2C9 #D5BED1 #DDCAD9 #E4D6E1 #ECE2EA

#BF9AB9 - #ECE2EA

HSV Blend

#BF9AB9 - #ECE2EA | 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 #BF9AB9 as 0% and #ECE2EA as 100%.

0.0%	0.0% #BF9AB9	RGB 191 154 185	#BF9AB9
16.7%	16.7% #C6A5C0	RGB 198 165 192	#C6A5C0
33.3%	33.3% #CEB0C8	RGB 206 176 200	#CEB0C8
50.0%	50.0% #D5BCD0	RGB 213 188 208	#D5BCD0
66.7%	66.7% #DDC8D9	RGB 221 200 217	#DDC8D9
83.3%	83.3% #E4D5E1	RGB 228 213 225	#E4D5E1
100.0%	100.0% #ECE2EA	RGB 236 226 234	#ECE2EA

#BF9AB9 #C6A5C0 #CEB0C8 #D5BCD0 #DDC8D9 #E4D5E1 #ECE2EA

#BF9AB9 - #D5BCD0 - #ECE2EA

CSS codes

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

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