#B0C8FF - #5E7BF0 | 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 #B0C8FF to #5E7BF0

#B0C8FF #5E7BF0

Calculate the color between two colors, #B0C8FF and #5E7BF0. 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)

#B0C8FF - #5E7BF0 | 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 #B0C8FF as 0% and #5E7BF0 as 100%.

0.0%	0.0% #B0C8FF	RGB 176 200 255	#B0C8FF
16.7%	16.7% #A2BBFC	RGB 162 187 252	#A2BBFC
33.3%	33.3% #94AEFA	RGB 148 174 250	#94AEFA
50.0%	50.0% #87A1F7	RGB 135 161 247	#87A1F7
66.7%	66.7% #7994F5	RGB 121 148 245	#7994F5
83.3%	83.3% #6B87F2	RGB 107 135 242	#6B87F2
100.0%	100.0% #5E7BF0	RGB 94 123 240	#5E7BF0

#B0C8FF #A2BBFC #94AEFA #87A1F7 #7994F5 #6B87F2 #5E7BF0

#B0C8FF - #5E7BF0

HSV Blend

#B0C8FF - #5E7BF0 | 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 #B0C8FF as 0% and #5E7BF0 as 100%.

0.0%	0.0% #B0C8FF	RGB 176 200 255	#B0C8FF
16.7%	16.7% #A1BBFC	RGB 161 187 252	#A1BBFC
33.3%	33.3% #93AFFA	RGB 147 175 250	#93AFFA
50.0%	50.0% #85A2F7	RGB 133 162 247	#85A2F7
66.7%	66.7% #7895F5	RGB 120 149 245	#7895F5
83.3%	83.3% #6B88F2	RGB 107 136 242	#6B88F2
100.0%	100.0% #5E7BF0	RGB 94 123 240	#5E7BF0

#B0C8FF #A1BBFC #93AFFA #85A2F7 #7895F5 #6B88F2 #5E7BF0

#B0C8FF - #85A2F7 - #5E7BF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0C8FF 0%, #85A2F7 50%, #5E7BF0 100%);
    background: -webkit-linear-gradient(top, #B0C8FF 0%, #85A2F7 50%, #5E7BF0 100%);
    background: linear-gradient(to bottom, #B0C8FF 0%, #85A2F7 50%, #5E7BF0 100%);
}
</style>