#82B2FF - #DBE9FF | 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 #82B2FF to #DBE9FF

#82B2FF #DBE9FF

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

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

0.0%	0.0% #82B2FF	RGB 130 178 255	#82B2FF
16.7%	16.7% #90BBFF	RGB 144 187 255	#90BBFF
33.3%	33.3% #9FC4FF	RGB 159 196 255	#9FC4FF
50.0%	50.0% #AECDFF	RGB 174 205 255	#AECDFF
66.7%	66.7% #BDD6FF	RGB 189 214 255	#BDD6FF
83.3%	83.3% #CCDFFF	RGB 204 223 255	#CCDFFF
100.0%	100.0% #DBE9FF	RGB 219 233 255	#DBE9FF

#82B2FF #90BBFF #9FC4FF #AECDFF #BDD6FF #CCDFFF #DBE9FF

#82B2FF - #DBE9FF

HSV Blend

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

0.0%	0.0% #82B2FF	RGB 130 178 255	#82B2FF
16.7%	16.7% #90BBFF	RGB 144 187 255	#90BBFF
33.3%	33.3% #9FC4FF	RGB 159 196 255	#9FC4FF
50.0%	50.0% #AECDFF	RGB 174 205 255	#AECDFF
66.7%	66.7% #BDD6FF	RGB 189 214 255	#BDD6FF
83.3%	83.3% #CCDFFF	RGB 204 223 255	#CCDFFF
100.0%	100.0% #DBE9FF	RGB 219 233 255	#DBE9FF

#82B2FF #90BBFF #9FC4FF #AECDFF #BDD6FF #CCDFFF #DBE9FF

#82B2FF - #AECDFF - #DBE9FF

CSS codes

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

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