#82F9FF - #DBFDFF | 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 #82F9FF to #DBFDFF

#82F9FF #DBFDFF

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

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

0.0%	0.0% #82F9FF	RGB 130 249 255	#82F9FF
16.7%	16.7% #90F9FF	RGB 144 249 255	#90F9FF
33.3%	33.3% #9FFAFF	RGB 159 250 255	#9FFAFF
50.0%	50.0% #AEFBFF	RGB 174 251 255	#AEFBFF
66.7%	66.7% #BDFBFF	RGB 189 251 255	#BDFBFF
83.3%	83.3% #CCFCFF	RGB 204 252 255	#CCFCFF
100.0%	100.0% #DBFDFF	RGB 219 253 255	#DBFDFF

#82F9FF #90F9FF #9FFAFF #AEFBFF #BDFBFF #CCFCFF #DBFDFF

#82F9FF - #DBFDFF

HSV Blend

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

0.0%	0.0% #82F9FF	RGB 130 249 255	#82F9FF
16.7%	16.7% #90F9FF	RGB 144 249 255	#90F9FF
33.3%	33.3% #9FFAFF	RGB 159 250 255	#9FFAFF
50.0%	50.0% #AEFAFF	RGB 174 250 255	#AEFAFF
66.7%	66.7% #BDFBFF	RGB 189 251 255	#BDFBFF
83.3%	83.3% #CCFCFF	RGB 204 252 255	#CCFCFF
100.0%	100.0% #DBFDFF	RGB 219 253 255	#DBFDFF

#82F9FF #90F9FF #9FFAFF #AEFAFF #BDFBFF #CCFCFF #DBFDFF

#82F9FF - #AEFAFF - #DBFDFF

CSS codes

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

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