#82F0FF - #01C4CD | 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 #82F0FF to #01C4CD

#82F0FF #01C4CD

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

#82F0FF - #01C4CD | 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 #82F0FF as 0% and #01C4CD as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #6CE8F6	RGB 108 232 246	#6CE8F6
33.3%	33.3% #57E1EE	RGB 87 225 238	#57E1EE
50.0%	50.0% #41DAE6	RGB 65 218 230	#41DAE6
66.7%	66.7% #2CD2DD	RGB 44 210 221	#2CD2DD
83.3%	83.3% #16CBD5	RGB 22 203 213	#16CBD5
100.0%	100.0% #01C4CD	RGB 1 196 205	#01C4CD

#82F0FF #6CE8F6 #57E1EE #41DAE6 #2CD2DD #16CBD5 #01C4CD

#82F0FF - #01C4CD

HSV Blend

#82F0FF - #01C4CD | 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 #82F0FF as 0% and #01C4CD as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #68E7F6	RGB 104 231 246	#68E7F6
33.3%	33.3% #51DFEE	RGB 81 223 238	#51DFEE
50.0%	50.0% #3BD7E6	RGB 59 215 230	#3BD7E6
66.7%	66.7% #26D0DD	RGB 38 208 221	#26D0DD
83.3%	83.3% #12CAD5	RGB 18 202 213	#12CAD5
100.0%	100.0% #01C4CD	RGB 1 196 205	#01C4CD

#82F0FF #68E7F6 #51DFEE #3BD7E6 #26D0DD #12CAD5 #01C4CD

#82F0FF - #3BD7E6 - #01C4CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82F0FF 0%, #3BD7E6 50%, #01C4CD 100%);
    background: -webkit-linear-gradient(top, #82F0FF 0%, #3BD7E6 50%, #01C4CD 100%);
    background: linear-gradient(to bottom, #82F0FF 0%, #3BD7E6 50%, #01C4CD 100%);
}
</style>