#82A8ED - #DBE6F9 | 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 #DBE6F9

#82A8ED #DBE6F9

Calculate the color between two colors, #82A8ED and #DBE6F9. 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 - #DBE6F9 | 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 #DBE6F9 as 100%.

0.0%	0.0% #82A8ED	RGB 130 168 237	#82A8ED
16.7%	16.7% #90B2EF	RGB 144 178 239	#90B2EF
33.3%	33.3% #9FBCF1	RGB 159 188 241	#9FBCF1
50.0%	50.0% #AEC7F3	RGB 174 199 243	#AEC7F3
66.7%	66.7% #BDD1F5	RGB 189 209 245	#BDD1F5
83.3%	83.3% #CCDBF7	RGB 204 219 247	#CCDBF7
100.0%	100.0% #DBE6F9	RGB 219 230 249	#DBE6F9

#82A8ED #90B2EF #9FBCF1 #AEC7F3 #BDD1F5 #CCDBF7 #DBE6F9

#82A8ED - #DBE6F9

HSV Blend

#82A8ED - #DBE6F9 | 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 #DBE6F9 as 100%.

0.0%	0.0% #82A8ED	RGB 130 168 237	#82A8ED
16.7%	16.7% #90B2EF	RGB 144 178 239	#90B2EF
33.3%	33.3% #9EBCF1	RGB 158 188 241	#9EBCF1
50.0%	50.0% #ADC6F3	RGB 173 198 243	#ADC6F3
66.7%	66.7% #BCD0F5	RGB 188 208 245	#BCD0F5
83.3%	83.3% #CBDBF7	RGB 203 219 247	#CBDBF7
100.0%	100.0% #DBE6F9	RGB 219 230 249	#DBE6F9

#82A8ED #90B2EF #9EBCF1 #ADC6F3 #BCD0F5 #CBDBF7 #DBE6F9

#82A8ED - #ADC6F3 - #DBE6F9

CSS codes

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

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