#009DBD - #002C35 | 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 #009DBD to #002C35

#009DBD #002C35

Calculate the color between two colors, #009DBD and #002C35. 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)

#009DBD - #002C35 | 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 #009DBD as 0% and #002C35 as 100%.

0.0%	0.0% #009DBD	RGB 0 157 189	#009DBD
16.7%	16.7% #008AA6	RGB 0 138 166	#008AA6
33.3%	33.3% #00778F	RGB 0 119 143	#00778F
50.0%	50.0% #006479	RGB 0 100 121	#006479
66.7%	66.7% #005162	RGB 0 81 98	#005162
83.3%	83.3% #003E4B	RGB 0 62 75	#003E4B
100.0%	100.0% #002C35	RGB 0 44 53	#002C35

#009DBD #008AA6 #00778F #006479 #005162 #003E4B #002C35

#009DBD - #002C35

HSV Blend

#009DBD - #002C35 | 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 #009DBD as 0% and #002C35 as 100%.

0.0%	0.0% #009DBD	RGB 0 157 189	#009DBD
16.7%	16.7% #008AA6	RGB 0 138 166	#008AA6
33.3%	33.3% #00778F	RGB 0 119 143	#00778F
50.0%	50.0% #006479	RGB 0 100 121	#006479
66.7%	66.7% #005162	RGB 0 81 98	#005162
83.3%	83.3% #003E4B	RGB 0 62 75	#003E4B
100.0%	100.0% #002C35	RGB 0 44 53	#002C35

#009DBD #008AA6 #00778F #006479 #005162 #003E4B #002C35

#009DBD - #006479 - #002C35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009DBD 0%, #006479 50%, #002C35 100%);
    background: -webkit-linear-gradient(top, #009DBD 0%, #006479 50%, #002C35 100%);
    background: linear-gradient(to bottom, #009DBD 0%, #006479 50%, #002C35 100%);
}
</style>