#009CA6 - #002B2F | 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 #009CA6 to #002B2F

#009CA6 #002B2F

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

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

0.0%	0.0% #009CA6	RGB 0 156 166	#009CA6
16.7%	16.7% #008992	RGB 0 137 146	#008992
33.3%	33.3% #00767E	RGB 0 118 126	#00767E
50.0%	50.0% #00636A	RGB 0 99 106	#00636A
66.7%	66.7% #005056	RGB 0 80 86	#005056
83.3%	83.3% #003D42	RGB 0 61 66	#003D42
100.0%	100.0% #002B2F	RGB 0 43 47	#002B2F

#009CA6 #008992 #00767E #00636A #005056 #003D42 #002B2F

#009CA6 - #002B2F

HSV Blend

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

0.0%	0.0% #009CA6	RGB 0 156 166	#009CA6
16.7%	16.7% #008892	RGB 0 136 146	#008892
33.3%	33.3% #00757E	RGB 0 117 126	#00757E
50.0%	50.0% #00626A	RGB 0 98 106	#00626A
66.7%	66.7% #005056	RGB 0 80 86	#005056
83.3%	83.3% #003D42	RGB 0 61 66	#003D42
100.0%	100.0% #002B2F	RGB 0 43 47	#002B2F

#009CA6 #008892 #00757E #00626A #005056 #003D42 #002B2F

#009CA6 - #00626A - #002B2F

CSS codes

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

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