#00DDFB - #0098DF | 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 #00DDFB to #0098DF

#00DDFB #0098DF

Calculate the color between two colors, #00DDFB and #0098DF. 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)

#00DDFB - #0098DF | 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 #00DDFB as 0% and #0098DF as 100%.

0.0%	0.0% #00DDFB	RGB 0 221 251	#00DDFB
16.7%	16.7% #00D1F6	RGB 0 209 246	#00D1F6
33.3%	33.3% #00C6F1	RGB 0 198 241	#00C6F1
50.0%	50.0% #00BAED	RGB 0 186 237	#00BAED
66.7%	66.7% #00AFE8	RGB 0 175 232	#00AFE8
83.3%	83.3% #00A3E3	RGB 0 163 227	#00A3E3
100.0%	100.0% #0098DF	RGB 0 152 223	#0098DF

#00DDFB #00D1F6 #00C6F1 #00BAED #00AFE8 #00A3E3 #0098DF

#00DDFB - #0098DF

HSV Blend

#00DDFB - #0098DF | 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 #00DDFB as 0% and #0098DF as 100%.

0.0%	0.0% #00DDFB	RGB 0 221 251	#00DDFB
16.7%	16.7% #00D0F6	RGB 0 208 246	#00D0F6
33.3%	33.3% #00C4F1	RGB 0 196 241	#00C4F1
50.0%	50.0% #00B9ED	RGB 0 185 237	#00B9ED
66.7%	66.7% #00ADE8	RGB 0 173 232	#00ADE8
83.3%	83.3% #00A2E3	RGB 0 162 227	#00A2E3
100.0%	100.0% #0098DF	RGB 0 152 223	#0098DF

#00DDFB #00D0F6 #00C4F1 #00B9ED #00ADE8 #00A2E3 #0098DF

#00DDFB - #00B9ED - #0098DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DDFB 0%, #00B9ED 50%, #0098DF 100%);
    background: -webkit-linear-gradient(top, #00DDFB 0%, #00B9ED 50%, #0098DF 100%);
    background: linear-gradient(to bottom, #00DDFB 0%, #00B9ED 50%, #0098DF 100%);
}
</style>