#00DEF6 - #0099D8 | 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 #00DEF6 to #0099D8

#00DEF6 #0099D8

Calculate the color between two colors, #00DEF6 and #0099D8. 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)

#00DEF6 - #0099D8 | 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 #00DEF6 as 0% and #0099D8 as 100%.

0.0%	0.0% #00DEF6	RGB 0 222 246	#00DEF6
16.7%	16.7% #00D2F1	RGB 0 210 241	#00D2F1
33.3%	33.3% #00C7EC	RGB 0 199 236	#00C7EC
50.0%	50.0% #00BBE7	RGB 0 187 231	#00BBE7
66.7%	66.7% #00B0E2	RGB 0 176 226	#00B0E2
83.3%	83.3% #00A4DD	RGB 0 164 221	#00A4DD
100.0%	100.0% #0099D8	RGB 0 153 216	#0099D8

#00DEF6 #00D2F1 #00C7EC #00BBE7 #00B0E2 #00A4DD #0099D8

#00DEF6 - #0099D8

HSV Blend

#00DEF6 - #0099D8 | 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 #00DEF6 as 0% and #0099D8 as 100%.

0.0%	0.0% #00DEF6	RGB 0 222 246	#00DEF6
16.7%	16.7% #00D1F1	RGB 0 209 241	#00D1F1
33.3%	33.3% #00C5EC	RGB 0 197 236	#00C5EC
50.0%	50.0% #00BAE7	RGB 0 186 231	#00BAE7
66.7%	66.7% #00AEE2	RGB 0 174 226	#00AEE2
83.3%	83.3% #00A3DD	RGB 0 163 221	#00A3DD
100.0%	100.0% #0099D8	RGB 0 153 216	#0099D8

#00DEF6 #00D1F1 #00C5EC #00BAE7 #00AEE2 #00A3DD #0099D8

#00DEF6 - #00BAE7 - #0099D8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DEF6 0%, #00BAE7 50%, #0099D8 100%);
    background: -webkit-linear-gradient(top, #00DEF6 0%, #00BAE7 50%, #0099D8 100%);
    background: linear-gradient(to bottom, #00DEF6 0%, #00BAE7 50%, #0099D8 100%);
}
</style>