#B2B8FF - #C0FEE0 | 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 #B2B8FF to #C0FEE0

#B2B8FF #C0FEE0

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

#B2B8FF - #C0FEE0 | 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 #B2B8FF as 0% and #C0FEE0 as 100%.

0.0%	0.0% #B2B8FF	RGB 178 184 255	#B2B8FF
16.7%	16.7% #B4C3F9	RGB 180 195 249	#B4C3F9
33.3%	33.3% #B6CFF4	RGB 182 207 244	#B6CFF4
50.0%	50.0% #B9DBEF	RGB 185 219 239	#B9DBEF
66.7%	66.7% #BBE6EA	RGB 187 230 234	#BBE6EA
83.3%	83.3% #BDF2E5	RGB 189 242 229	#BDF2E5
100.0%	100.0% #C0FEE0	RGB 192 254 224	#C0FEE0

#B2B8FF #B4C3F9 #B6CFF4 #B9DBEF #BBE6EA #BDF2E5 #C0FEE0

#B2B8FF - #C0FEE0

HSV Blend

#B2B8FF - #C0FEE0 | 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 #B2B8FF as 0% and #C0FEE0 as 100%.

0.0%	0.0% #B2B8FF	RGB 178 184 255	#B2B8FF
16.7%	16.7% #B4CBFE	RGB 180 203 254	#B4CBFE
33.3%	33.3% #B6DEFE	RGB 182 222 254	#B6DEFE
50.0%	50.0% #B9EFFE	RGB 185 239 254	#B9EFFE
66.7%	66.7% #BBFEFD	RGB 187 254 253	#BBFEFD
83.3%	83.3% #BDFEEE	RGB 189 254 238	#BDFEEE
100.0%	100.0% #C0FEE0	RGB 192 254 224	#C0FEE0

#B2B8FF #B4CBFE #B6DEFE #B9EFFE #BBFEFD #BDFEEE #C0FEE0

#B2B8FF - #B9EFFE - #C0FEE0

CSS codes

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

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