#BEA8FF - #C0C9F4 | 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 #BEA8FF to #C0C9F4

#BEA8FF #C0C9F4

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

#BEA8FF - #C0C9F4 | 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 #BEA8FF as 0% and #C0C9F4 as 100%.

0.0%	0.0% #BEA8FF	RGB 190 168 255	#BEA8FF
16.7%	16.7% #BEADFD	RGB 190 173 253	#BEADFD
33.3%	33.3% #BEB3FB	RGB 190 179 251	#BEB3FB
50.0%	50.0% #BFB8F9	RGB 191 184 249	#BFB8F9
66.7%	66.7% #BFBEF7	RGB 191 190 247	#BFBEF7
83.3%	83.3% #BFC3F5	RGB 191 195 245	#BFC3F5
100.0%	100.0% #C0C9F4	RGB 192 201 244	#C0C9F4

#BEA8FF #BEADFD #BEB3FB #BFB8F9 #BFBEF7 #BFC3F5 #C0C9F4

#BEA8FF - #C0C9F4

HSV Blend

#BEA8FF - #C0C9F4 | 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 #BEA8FF as 0% and #C0C9F4 as 100%.

0.0%	0.0% #BDA8FF	RGB 189 168 255	#BDA8FF
16.7%	16.7% #BAACFD	RGB 186 172 253	#BAACFD
33.3%	33.3% #B8B0FB	RGB 184 176 251	#B8B0FB
50.0%	50.0% #B7B4F9	RGB 183 180 249	#B7B4F9
66.7%	66.7% #B8BAF7	RGB 184 186 247	#B8BAF7
83.3%	83.3% #BCC2F5	RGB 188 194 245	#BCC2F5
100.0%	100.0% #C0C9F4	RGB 192 201 244	#C0C9F4

#BDA8FF #BAACFD #B8B0FB #B7B4F9 #B8BAF7 #BCC2F5 #C0C9F4

#BEA8FF - #B7B4F9 - #C0C9F4

CSS codes

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

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