#007196 - #00202A | 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 #007196 to #00202A

#007196 #00202A

Calculate the color between two colors, #007196 and #00202A. 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)

#007196 - #00202A | 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 #007196 as 0% and #00202A as 100%.

0.0%	0.0% #007196	RGB 0 113 150	#007196
16.7%	16.7% #006384	RGB 0 99 132	#006384
33.3%	33.3% #005672	RGB 0 86 114	#005672
50.0%	50.0% #004860	RGB 0 72 96	#004860
66.7%	66.7% #003B4E	RGB 0 59 78	#003B4E
83.3%	83.3% #002D3C	RGB 0 45 60	#002D3C
100.0%	100.0% #00202A	RGB 0 32 42	#00202A

#007196 #006384 #005672 #004860 #003B4E #002D3C #00202A

#007196 - #00202A

HSV Blend

#007196 - #00202A | 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 #007196 as 0% and #00202A as 100%.

0.0%	0.0% #007196	RGB 0 113 150	#007196
16.7%	16.7% #006384	RGB 0 99 132	#006384
33.3%	33.3% #005672	RGB 0 86 114	#005672
50.0%	50.0% #004860	RGB 0 72 96	#004860
66.7%	66.7% #003B4E	RGB 0 59 78	#003B4E
83.3%	83.3% #002D3C	RGB 0 45 60	#002D3C
100.0%	100.0% #00202A	RGB 0 32 42	#00202A

#007196 #006384 #005672 #004860 #003B4E #002D3C #00202A

#007196 - #004860 - #00202A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007196 0%, #004860 50%, #00202A 100%);
    background: -webkit-linear-gradient(top, #007196 0%, #004860 50%, #00202A 100%);
    background: linear-gradient(to bottom, #007196 0%, #004860 50%, #00202A 100%);
}
</style>