#82A8ED - #2B53B5 | 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 #82A8ED to #2B53B5

#82A8ED #2B53B5

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

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

0.0%	0.0% #82A8ED	RGB 130 168 237	#82A8ED
16.7%	16.7% #7399E3	RGB 115 153 227	#7399E3
33.3%	33.3% #658BDA	RGB 101 139 218	#658BDA
50.0%	50.0% #567DD1	RGB 86 125 209	#567DD1
66.7%	66.7% #486FC7	RGB 72 111 199	#486FC7
83.3%	83.3% #3961BE	RGB 57 97 190	#3961BE
100.0%	100.0% #2B53B5	RGB 43 83 181	#2B53B5

#82A8ED #7399E3 #658BDA #567DD1 #486FC7 #3961BE #2B53B5

#82A8ED - #2B53B5

HSV Blend

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

0.0%	0.0% #82A8ED	RGB 130 168 237	#82A8ED
16.7%	16.7% #7198E3	RGB 113 152 227	#7198E3
33.3%	33.3% #6189DA	RGB 97 137 218	#6189DA
50.0%	50.0% #527BD1	RGB 82 123 209	#527BD1
66.7%	66.7% #446DC7	RGB 68 109 199	#446DC7
83.3%	83.3% #375FBE	RGB 55 95 190	#375FBE
100.0%	100.0% #2B53B5	RGB 43 83 181	#2B53B5

#82A8ED #7198E3 #6189DA #527BD1 #446DC7 #375FBE #2B53B5

#82A8ED - #527BD1 - #2B53B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82A8ED 0%, #527BD1 50%, #2B53B5 100%);
    background: -webkit-linear-gradient(top, #82A8ED 0%, #527BD1 50%, #2B53B5 100%);
    background: linear-gradient(to bottom, #82A8ED 0%, #527BD1 50%, #2B53B5 100%);
}
</style>