#B4B2FF - #FFECF7 | 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 #B4B2FF to #FFECF7

#B4B2FF #FFECF7

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

#B4B2FF - #FFECF7 | 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 #B4B2FF as 0% and #FFECF7 as 100%.

0.0%	0.0% #B4B2FF	RGB 180 178 255	#B4B2FF
16.7%	16.7% #C0BBFD	RGB 192 187 253	#C0BBFD
33.3%	33.3% #CDC5FC	RGB 205 197 252	#CDC5FC
50.0%	50.0% #D9CFFB	RGB 217 207 251	#D9CFFB
66.7%	66.7% #E6D8F9	RGB 230 216 249	#E6D8F9
83.3%	83.3% #F2E2F8	RGB 242 226 248	#F2E2F8
100.0%	100.0% #FFECF7	RGB 255 236 247	#FFECF7

#B4B2FF #C0BBFD #CDC5FC #D9CFFB #E6D8F9 #F2E2F8 #FFECF7

#B4B2FF - #FFECF7

HSV Blend

#B4B2FF - #FFECF7 | 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 #B4B2FF as 0% and #FFECF7 as 100%.

0.0%	0.0% #B3B2FF	RGB 179 178 255	#B3B2FF
16.7%	16.7% #CDBBFF	RGB 205 187 255	#CDBBFF
33.3%	33.3% #E1C5FF	RGB 225 197 255	#E1C5FF
50.0%	50.0% #F1CFFF	RGB 241 207 255	#F1CFFF
66.7%	66.7% #FDD8FF	RGB 253 216 255	#FDD8FF
83.3%	83.3% #FFE2F9	RGB 255 226 249	#FFE2F9
100.0%	100.0% #FFECF7	RGB 255 236 247	#FFECF7

#B3B2FF #CDBBFF #E1C5FF #F1CFFF #FDD8FF #FFE2F9 #FFECF7

#B4B2FF - #F1CFFF - #FFECF7

CSS codes

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

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