#82C0FF - #276DD7 | 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 #82C0FF to #276DD7

#82C0FF #276DD7

Calculate the color between two colors, #82C0FF and #276DD7. 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)

#82C0FF - #276DD7 | 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 #82C0FF as 0% and #276DD7 as 100%.

0.0%	0.0% #82C0FF	RGB 130 192 255	#82C0FF
16.7%	16.7% #72B2F8	RGB 114 178 248	#72B2F8
33.3%	33.3% #63A4F1	RGB 99 164 241	#63A4F1
50.0%	50.0% #5496EB	RGB 84 150 235	#5496EB
66.7%	66.7% #4588E4	RGB 69 136 228	#4588E4
83.3%	83.3% #367ADD	RGB 54 122 221	#367ADD
100.0%	100.0% #276DD7	RGB 39 109 215	#276DD7

#82C0FF #72B2F8 #63A4F1 #5496EB #4588E4 #367ADD #276DD7

#82C0FF - #276DD7

HSV Blend

#82C0FF - #276DD7 | 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 #82C0FF as 0% and #276DD7 as 100%.

0.0%	0.0% #82C0FF	RGB 130 192 255	#82C0FF
16.7%	16.7% #71B1F8	RGB 113 177 248	#71B1F8
33.3%	33.3% #60A3F1	RGB 96 163 241	#60A3F1
50.0%	50.0% #5195EB	RGB 81 149 235	#5195EB
66.7%	66.7% #4288E4	RGB 66 136 228	#4288E4
83.3%	83.3% #347ADD	RGB 52 122 221	#347ADD
100.0%	100.0% #276DD7	RGB 39 109 215	#276DD7

#82C0FF #71B1F8 #60A3F1 #5195EB #4288E4 #347ADD #276DD7

#82C0FF - #5195EB - #276DD7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82C0FF 0%, #5195EB 50%, #276DD7 100%);
    background: -webkit-linear-gradient(top, #82C0FF 0%, #5195EB 50%, #276DD7 100%);
    background: linear-gradient(to bottom, #82C0FF 0%, #5195EB 50%, #276DD7 100%);
}
</style>