#8BC2FF - #2B76D0 | 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 #8BC2FF to #2B76D0

#8BC2FF #2B76D0

Calculate the color between two colors, #8BC2FF and #2B76D0. 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)

#8BC2FF - #2B76D0 | 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 #8BC2FF as 0% and #2B76D0 as 100%.

0.0%	0.0% #8BC2FF	RGB 139 194 255	#8BC2FF
16.7%	16.7% #7BB5F7	RGB 123 181 247	#7BB5F7
33.3%	33.3% #6BA8EF	RGB 107 168 239	#6BA8EF
50.0%	50.0% #5B9CE7	RGB 91 156 231	#5B9CE7
66.7%	66.7% #4B8FDF	RGB 75 143 223	#4B8FDF
83.3%	83.3% #3B82D7	RGB 59 130 215	#3B82D7
100.0%	100.0% #2B76D0	RGB 43 118 208	#2B76D0

#8BC2FF #7BB5F7 #6BA8EF #5B9CE7 #4B8FDF #3B82D7 #2B76D0

#8BC2FF - #2B76D0

HSV Blend

#8BC2FF - #2B76D0 | 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 #8BC2FF as 0% and #2B76D0 as 100%.

0.0%	0.0% #8BC2FF	RGB 139 194 255	#8BC2FF
16.7%	16.7% #78B4F7	RGB 120 180 247	#78B4F7
33.3%	33.3% #67A6EF	RGB 103 166 239	#67A6EF
50.0%	50.0% #579AE7	RGB 87 154 231	#579AE7
66.7%	66.7% #478DDF	RGB 71 141 223	#478DDF
83.3%	83.3% #3881D7	RGB 56 129 215	#3881D7
100.0%	100.0% #2B76D0	RGB 43 118 208	#2B76D0

#8BC2FF #78B4F7 #67A6EF #579AE7 #478DDF #3881D7 #2B76D0

#8BC2FF - #579AE7 - #2B76D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8BC2FF 0%, #579AE7 50%, #2B76D0 100%);
    background: -webkit-linear-gradient(top, #8BC2FF 0%, #579AE7 50%, #2B76D0 100%);
    background: linear-gradient(to bottom, #8BC2FF 0%, #579AE7 50%, #2B76D0 100%);
}
</style>