#BEB2FF - #C0FEEE | 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 #BEB2FF to #C0FEEE

#BEB2FF #C0FEEE

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

#BEB2FF - #C0FEEE | 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 #BEB2FF as 0% and #C0FEEE as 100%.

0.0%	0.0% #BEB2FF	RGB 190 178 255	#BEB2FF
16.7%	16.7% #BEBEFC	RGB 190 190 252	#BEBEFC
33.3%	33.3% #BECBF9	RGB 190 203 249	#BECBF9
50.0%	50.0% #BFD8F6	RGB 191 216 246	#BFD8F6
66.7%	66.7% #BFE4F3	RGB 191 228 243	#BFE4F3
83.3%	83.3% #BFF1F0	RGB 191 241 240	#BFF1F0
100.0%	100.0% #C0FEEE	RGB 192 254 238	#C0FEEE

#BEB2FF #BEBEFC #BECBF9 #BFD8F6 #BFE4F3 #BFF1F0 #C0FEEE

#BEB2FF - #C0FEEE

HSV Blend

#BEB2FF - #C0FEEE | 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 #BEB2FF as 0% and #C0FEEE as 100%.

0.0%	0.0% #BEB2FF	RGB 190 178 255	#BEB2FF
16.7%	16.7% #B4BAFE	RGB 180 186 254	#B4BAFE
33.3%	33.3% #B6CDFE	RGB 182 205 254	#B6CDFE
50.0%	50.0% #B9DFFE	RGB 185 223 254	#B9DFFE
66.7%	66.7% #BBF0FE	RGB 187 240 254	#BBF0FE
83.3%	83.3% #BDFEFC	RGB 189 254 252	#BDFEFC
100.0%	100.0% #C0FEEE	RGB 192 254 238	#C0FEEE

#BEB2FF #B4BAFE #B6CDFE #B9DFFE #BBF0FE #BDFEFC #C0FEEE

#BEB2FF - #B9DFFE - #C0FEEE

CSS codes

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

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