#82C7E6 - #DBEFF7 | 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 #82C7E6 to #DBEFF7

#82C7E6 #DBEFF7

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

#82C7E6 - #DBEFF7 | 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 #82C7E6 as 0% and #DBEFF7 as 100%.

0.0%	0.0% #82C7E6	RGB 130 199 230	#82C7E6
16.7%	16.7% #90CDE8	RGB 144 205 232	#90CDE8
33.3%	33.3% #9FD4EB	RGB 159 212 235	#9FD4EB
50.0%	50.0% #AEDBEE	RGB 174 219 238	#AEDBEE
66.7%	66.7% #BDE1F1	RGB 189 225 241	#BDE1F1
83.3%	83.3% #CCE8F4	RGB 204 232 244	#CCE8F4
100.0%	100.0% #DBEFF7	RGB 219 239 247	#DBEFF7

#82C7E6 #90CDE8 #9FD4EB #AEDBEE #BDE1F1 #CCE8F4 #DBEFF7

#82C7E6 - #DBEFF7

HSV Blend

#82C7E6 - #DBEFF7 | 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 #82C7E6 as 0% and #DBEFF7 as 100%.

0.0%	0.0% #82C7E6	RGB 130 199 230	#82C7E6
16.7%	16.7% #90CDE8	RGB 144 205 232	#90CDE8
33.3%	33.3% #9ED4EB	RGB 158 212 235	#9ED4EB
50.0%	50.0% #ADDBEE	RGB 173 219 238	#ADDBEE
66.7%	66.7% #BCE1F1	RGB 188 225 241	#BCE1F1
83.3%	83.3% #CBE8F4	RGB 203 232 244	#CBE8F4
100.0%	100.0% #DBEFF7	RGB 219 239 247	#DBEFF7

#82C7E6 #90CDE8 #9ED4EB #ADDBEE #BCE1F1 #CBE8F4 #DBEFF7

#82C7E6 - #ADDBEE - #DBEFF7

CSS codes

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

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