#00AEFF - #72FFB8 | 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 #00AEFF to #72FFB8

#00AEFF #72FFB8

Calculate the color between two colors, #00AEFF and #72FFB8. 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)

#00AEFF - #72FFB8 | 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 #00AEFF as 0% and #72FFB8 as 100%.

0.0%	0.0% #00AEFF	RGB 0 174 255	#00AEFF
16.7%	16.7% #13BBF3	RGB 19 187 243	#13BBF3
33.3%	33.3% #26C9E7	RGB 38 201 231	#26C9E7
50.0%	50.0% #39D6DB	RGB 57 214 219	#39D6DB
66.7%	66.7% #4CE4CF	RGB 76 228 207	#4CE4CF
83.3%	83.3% #5FF1C3	RGB 95 241 195	#5FF1C3
100.0%	100.0% #72FFB8	RGB 114 255 184	#72FFB8

#00AEFF #13BBF3 #26C9E7 #39D6DB #4CE4CF #5FF1C3 #72FFB8

#00AEFF - #72FFB8

HSV Blend

#00AEFF - #72FFB8 | 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 #00AEFF as 0% and #72FFB8 as 100%.

0.0%	0.0% #00ADFF	RGB 0 173 255	#00ADFF
16.7%	16.7% #12D4FF	RGB 18 212 255	#12D4FF
33.3%	33.3% #25F5FF	RGB 37 245 255	#25F5FF
50.0%	50.0% #39FFEC	RGB 57 255 236	#39FFEC
66.7%	66.7% #4CFFD5	RGB 76 255 213	#4CFFD5
83.3%	83.3% #5FFFC4	RGB 95 255 196	#5FFFC4
100.0%	100.0% #72FFB8	RGB 114 255 184	#72FFB8

#00ADFF #12D4FF #25F5FF #39FFEC #4CFFD5 #5FFFC4 #72FFB8

#00AEFF - #39FFEC - #72FFB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ADFF 0%, #39FFEC 50%, #72FFB8 100%);
    background: -webkit-linear-gradient(top, #00ADFF 0%, #39FFEC 50%, #72FFB8 100%);
    background: linear-gradient(to bottom, #00ADFF 0%, #39FFEC 50%, #72FFB8 100%);
}
</style>