#00759B - #00212C | 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 #00759B to #00212C

#00759B #00212C

Calculate the color between two colors, #00759B and #00212C. 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)

#00759B - #00212C | 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 #00759B as 0% and #00212C as 100%.

0.0%	0.0% #00759B	RGB 0 117 155	#00759B
16.7%	16.7% #006788	RGB 0 103 136	#006788
33.3%	33.3% #005976	RGB 0 89 118	#005976
50.0%	50.0% #004B63	RGB 0 75 99	#004B63
66.7%	66.7% #003D51	RGB 0 61 81	#003D51
83.3%	83.3% #002F3E	RGB 0 47 62	#002F3E
100.0%	100.0% #00212C	RGB 0 33 44	#00212C

#00759B #006788 #005976 #004B63 #003D51 #002F3E #00212C

#00759B - #00212C

HSV Blend

#00759B - #00212C | 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 #00759B as 0% and #00212C as 100%.

0.0%	0.0% #00749B	RGB 0 116 155	#00749B
16.7%	16.7% #006688	RGB 0 102 136	#006688
33.3%	33.3% #005876	RGB 0 88 118	#005876
50.0%	50.0% #004A63	RGB 0 74 99	#004A63
66.7%	66.7% #003C51	RGB 0 60 81	#003C51
83.3%	83.3% #002E3E	RGB 0 46 62	#002E3E
100.0%	100.0% #00212C	RGB 0 33 44	#00212C

#00749B #006688 #005876 #004A63 #003C51 #002E3E #00212C

#00759B - #004A63 - #00212C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00749B 0%, #004A63 50%, #00212C 100%);
    background: -webkit-linear-gradient(top, #00749B 0%, #004A63 50%, #00212C 100%);
    background: linear-gradient(to bottom, #00749B 0%, #004A63 50%, #00212C 100%);
}
</style>