#82FFC1 - #DBFFED | 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 #82FFC1 to #DBFFED

#82FFC1 #DBFFED

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

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

0.0%	0.0% #82FFC1	RGB 130 255 193	#82FFC1
16.7%	16.7% #90FFC8	RGB 144 255 200	#90FFC8
33.3%	33.3% #9FFFCF	RGB 159 255 207	#9FFFCF
50.0%	50.0% #AEFFD7	RGB 174 255 215	#AEFFD7
66.7%	66.7% #BDFFDE	RGB 189 255 222	#BDFFDE
83.3%	83.3% #CCFFE5	RGB 204 255 229	#CCFFE5
100.0%	100.0% #DBFFED	RGB 219 255 237	#DBFFED

#82FFC1 #90FFC8 #9FFFCF #AEFFD7 #BDFFDE #CCFFE5 #DBFFED

#82FFC1 - #DBFFED

HSV Blend

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

0.0%	0.0% #82FFC1	RGB 130 255 193	#82FFC1
16.7%	16.7% #90FFC8	RGB 144 255 200	#90FFC8
33.3%	33.3% #9FFFCF	RGB 159 255 207	#9FFFCF
50.0%	50.0% #AEFFD6	RGB 174 255 214	#AEFFD6
66.7%	66.7% #BDFFDE	RGB 189 255 222	#BDFFDE
83.3%	83.3% #CCFFE5	RGB 204 255 229	#CCFFE5
100.0%	100.0% #DBFFED	RGB 219 255 237	#DBFFED

#82FFC1 #90FFC8 #9FFFCF #AEFFD6 #BDFFDE #CCFFE5 #DBFFED

#82FFC1 - #AEFFD6 - #DBFFED

CSS codes

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

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