#BFADE2 - #ECE7F6 | 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 #BFADE2 to #ECE7F6

#BFADE2 #ECE7F6

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

#BFADE2 - #ECE7F6 | 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 #BFADE2 as 0% and #ECE7F6 as 100%.

0.0%	0.0% #BFADE2	RGB 191 173 226	#BFADE2
16.7%	16.7% #C6B6E5	RGB 198 182 229	#C6B6E5
33.3%	33.3% #CEC0E8	RGB 206 192 232	#CEC0E8
50.0%	50.0% #D5CAEC	RGB 213 202 236	#D5CAEC
66.7%	66.7% #DDD3EF	RGB 221 211 239	#DDD3EF
83.3%	83.3% #E4DDF2	RGB 228 221 242	#E4DDF2
100.0%	100.0% #ECE7F6	RGB 236 231 246	#ECE7F6

#BFADE2 #C6B6E5 #CEC0E8 #D5CAEC #DDD3EF #E4DDF2 #ECE7F6

#BFADE2 - #ECE7F6

HSV Blend

#BFADE2 - #ECE7F6 | 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 #BFADE2 as 0% and #ECE7F6 as 100%.

0.0%	0.0% #BFADE2	RGB 191 173 226	#BFADE2
16.7%	16.7% #C6B6E5	RGB 198 182 229	#C6B6E5
33.3%	33.3% #CDBFE8	RGB 205 191 232	#CDBFE8
50.0%	50.0% #D4C9EC	RGB 212 201 236	#D4C9EC
66.7%	66.7% #DCD2EF	RGB 220 210 239	#DCD2EF
83.3%	83.3% #E4DCF2	RGB 228 220 242	#E4DCF2
100.0%	100.0% #ECE7F6	RGB 236 231 246	#ECE7F6

#BFADE2 #C6B6E5 #CDBFE8 #D4C9EC #DCD2EF #E4DCF2 #ECE7F6

#BFADE2 - #D4C9EC - #ECE7F6

CSS codes

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

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