#82F0FF - #2EC3E0 | 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 #2EC3E0

#82F0FF #2EC3E0

Calculate the color between two colors, #82F0FF and #2EC3E0. 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 - #2EC3E0 | 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 #2EC3E0 as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #74E8F9	RGB 116 232 249	#74E8F9
33.3%	33.3% #66E1F4	RGB 102 225 244	#66E1F4
50.0%	50.0% #58D9EF	RGB 88 217 239	#58D9EF
66.7%	66.7% #4AD2EA	RGB 74 210 234	#4AD2EA
83.3%	83.3% #3CCAE5	RGB 60 202 229	#3CCAE5
100.0%	100.0% #2EC3E0	RGB 46 195 224	#2EC3E0

#82F0FF #74E8F9 #66E1F4 #58D9EF #4AD2EA #3CCAE5 #2EC3E0

#82F0FF - #2EC3E0

HSV Blend

#82F0FF - #2EC3E0 | 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 #2EC3E0 as 100%.

0.0%	0.0% #82F0FF	RGB 130 240 255	#82F0FF
16.7%	16.7% #72E8F9	RGB 114 232 249	#72E8F9
33.3%	33.3% #63E1F4	RGB 99 225 244	#63E1F4
50.0%	50.0% #55D9EF	RGB 85 217 239	#55D9EF
66.7%	66.7% #47D2EA	RGB 71 210 234	#47D2EA
83.3%	83.3% #3ACAE5	RGB 58 202 229	#3ACAE5
100.0%	100.0% #2EC3E0	RGB 46 195 224	#2EC3E0

#82F0FF #72E8F9 #63E1F4 #55D9EF #47D2EA #3ACAE5 #2EC3E0

#82F0FF - #55D9EF - #2EC3E0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82F0FF 0%, #55D9EF 50%, #2EC3E0 100%);
    background: -webkit-linear-gradient(top, #82F0FF 0%, #55D9EF 50%, #2EC3E0 100%);
    background: linear-gradient(to bottom, #82F0FF 0%, #55D9EF 50%, #2EC3E0 100%);
}
</style>