#2D3C3B - #003B3C | 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 #2D3C3B to #003B3C

#2D3C3B #003B3C

Calculate the color between two colors, #2D3C3B and #003B3C. 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)

#2D3C3B - #003B3C | 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 #2D3C3B as 0% and #003B3C as 100%.

0.0%	0.0% #2D3C3B	RGB 45 60 59	#2D3C3B
16.7%	16.7% #253B3B	RGB 37 59 59	#253B3B
33.3%	33.3% #1E3B3B	RGB 30 59 59	#1E3B3B
50.0%	50.0% #163B3B	RGB 22 59 59	#163B3B
66.7%	66.7% #0E3B3B	RGB 14 59 59	#0E3B3B
83.3%	83.3% #073B3B	RGB 7 59 59	#073B3B
100.0%	100.0% #003B3C	RGB 0 59 60	#003B3C

#2D3C3B #253B3B #1E3B3B #163B3B #0E3B3B #073B3B #003B3C

#2D3C3B - #003B3C

HSV Blend

#2D3C3B - #003B3C | 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 #2D3C3B as 0% and #003B3C as 100%.

0.0%	0.0% #2D3C3B	RGB 45 60 59	#2D3C3B
16.7%	16.7% #253C3A	RGB 37 60 58	#253C3A
33.3%	33.3% #1E3C3A	RGB 30 60 58	#1E3C3A
50.0%	50.0% #163C3B	RGB 22 60 59	#163C3B
66.7%	66.7% #0F3C3B	RGB 15 60 59	#0F3C3B
83.3%	83.3% #073B3C	RGB 7 59 60	#073B3C
100.0%	100.0% #003B3C	RGB 0 59 60	#003B3C

#2D3C3B #253C3A #1E3C3A #163C3B #0F3C3B #073B3C #003B3C

#2D3C3B - #163C3B - #003B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C3B 0%, #163C3B 50%, #003B3C 100%);
    background: -webkit-linear-gradient(top, #2D3C3B 0%, #163C3B 50%, #003B3C 100%);
    background: linear-gradient(to bottom, #2D3C3B 0%, #163C3B 50%, #003B3C 100%);
}
</style>