#00D9EB - #0093C4 | 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 #00D9EB to #0093C4

#00D9EB #0093C4

Calculate the color between two colors, #00D9EB and #0093C4. 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)

#00D9EB - #0093C4 | 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 #00D9EB as 0% and #0093C4 as 100%.

0.0%	0.0% #00D9EB	RGB 0 217 235	#00D9EB
16.7%	16.7% #00CDE4	RGB 0 205 228	#00CDE4
33.3%	33.3% #00C1DE	RGB 0 193 222	#00C1DE
50.0%	50.0% #00B6D7	RGB 0 182 215	#00B6D7
66.7%	66.7% #00AAD1	RGB 0 170 209	#00AAD1
83.3%	83.3% #009ECA	RGB 0 158 202	#009ECA
100.0%	100.0% #0093C4	RGB 0 147 196	#0093C4

#00D9EB #00CDE4 #00C1DE #00B6D7 #00AAD1 #009ECA #0093C4

#00D9EB - #0093C4

HSV Blend

#00D9EB - #0093C4 | 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 #00D9EB as 0% and #0093C4 as 100%.

0.0%	0.0% #00D9EB	RGB 0 217 235	#00D9EB
16.7%	16.7% #00CCE4	RGB 0 204 228	#00CCE4
33.3%	33.3% #00C0DE	RGB 0 192 222	#00C0DE
50.0%	50.0% #00B4D7	RGB 0 180 215	#00B4D7
66.7%	66.7% #00A8D1	RGB 0 168 209	#00A8D1
83.3%	83.3% #009DCA	RGB 0 157 202	#009DCA
100.0%	100.0% #0093C4	RGB 0 147 196	#0093C4

#00D9EB #00CCE4 #00C0DE #00B4D7 #00A8D1 #009DCA #0093C4

#00D9EB - #00B4D7 - #0093C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D9EB 0%, #00B4D7 50%, #0093C4 100%);
    background: -webkit-linear-gradient(top, #00D9EB 0%, #00B4D7 50%, #0093C4 100%);
    background: linear-gradient(to bottom, #00D9EB 0%, #00B4D7 50%, #0093C4 100%);
}
</style>