#82C0EC - #2D70B9 | 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 #82C0EC to #2D70B9

#82C0EC #2D70B9

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

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

0.0%	0.0% #82C0EC	RGB 130 192 236	#82C0EC
16.7%	16.7% #73B2E3	RGB 115 178 227	#73B2E3
33.3%	33.3% #65A5DB	RGB 101 165 219	#65A5DB
50.0%	50.0% #5798D2	RGB 87 152 210	#5798D2
66.7%	66.7% #498ACA	RGB 73 138 202	#498ACA
83.3%	83.3% #3B7DC1	RGB 59 125 193	#3B7DC1
100.0%	100.0% #2D70B9	RGB 45 112 185	#2D70B9

#82C0EC #73B2E3 #65A5DB #5798D2 #498ACA #3B7DC1 #2D70B9

#82C0EC - #2D70B9

HSV Blend

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

0.0%	0.0% #82C0EC	RGB 130 192 236	#82C0EC
16.7%	16.7% #71B2E3	RGB 113 178 227	#71B2E3
33.3%	33.3% #62A4DB	RGB 98 164 219	#62A4DB
50.0%	50.0% #5397D2	RGB 83 151 210	#5397D2
66.7%	66.7% #4589CA	RGB 69 137 202	#4589CA
83.3%	83.3% #387CC1	RGB 56 124 193	#387CC1
100.0%	100.0% #2D70B9	RGB 45 112 185	#2D70B9

#82C0EC #71B2E3 #62A4DB #5397D2 #4589CA #387CC1 #2D70B9

#82C0EC - #5397D2 - #2D70B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82C0EC 0%, #5397D2 50%, #2D70B9 100%);
    background: -webkit-linear-gradient(top, #82C0EC 0%, #5397D2 50%, #2D70B9 100%);
    background: linear-gradient(to bottom, #82C0EC 0%, #5397D2 50%, #2D70B9 100%);
}
</style>