#82B5E7 - #2E63B0 | 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 #82B5E7 to #2E63B0

#82B5E7 #2E63B0

Calculate the color between two colors, #82B5E7 and #2E63B0. 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)

#82B5E7 - #2E63B0 | 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 #82B5E7 as 0% and #2E63B0 as 100%.

0.0%	0.0% #82B5E7	RGB 130 181 231	#82B5E7
16.7%	16.7% #74A7DD	RGB 116 167 221	#74A7DD
33.3%	33.3% #6699D4	RGB 102 153 212	#6699D4
50.0%	50.0% #588CCB	RGB 88 140 203	#588CCB
66.7%	66.7% #4A7EC2	RGB 74 126 194	#4A7EC2
83.3%	83.3% #3C70B9	RGB 60 112 185	#3C70B9
100.0%	100.0% #2E63B0	RGB 46 99 176	#2E63B0

#82B5E7 #74A7DD #6699D4 #588CCB #4A7EC2 #3C70B9 #2E63B0

#82B5E7 - #2E63B0

HSV Blend

#82B5E7 - #2E63B0 | 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 #82B5E7 as 0% and #2E63B0 as 100%.

0.0%	0.0% #82B5E7	RGB 130 181 231	#82B5E7
16.7%	16.7% #71A6DD	RGB 113 166 221	#71A6DD
33.3%	33.3% #6298D4	RGB 98 152 212	#6298D4
50.0%	50.0% #538ACB	RGB 83 138 203	#538ACB
66.7%	66.7% #467CC2	RGB 70 124 194	#467CC2
83.3%	83.3% #396FB9	RGB 57 111 185	#396FB9
100.0%	100.0% #2E63B0	RGB 46 99 176	#2E63B0

#82B5E7 #71A6DD #6298D4 #538ACB #467CC2 #396FB9 #2E63B0

#82B5E7 - #538ACB - #2E63B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82B5E7 0%, #538ACB 50%, #2E63B0 100%);
    background: -webkit-linear-gradient(top, #82B5E7 0%, #538ACB 50%, #2E63B0 100%);
    background: linear-gradient(to bottom, #82B5E7 0%, #538ACB 50%, #2E63B0 100%);
}
</style>