#2D3C3C - #00373C | 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 #2D3C3C to #00373C

#2D3C3C #00373C

Calculate the color between two colors, #2D3C3C and #00373C. 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)

#2D3C3C - #00373C | 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 #2D3C3C as 0% and #00373C as 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #253B3C	RGB 37 59 60	#253B3C
33.3%	33.3% #1E3A3C	RGB 30 58 60	#1E3A3C
50.0%	50.0% #16393C	RGB 22 57 60	#16393C
66.7%	66.7% #0E383C	RGB 14 56 60	#0E383C
83.3%	83.3% #07373C	RGB 7 55 60	#07373C
100.0%	100.0% #00373C	RGB 0 55 60	#00373C

#2D3C3C #253B3C #1E3A3C #16393C #0E383C #07373C #00373C

#2D3C3C - #00373C

HSV Blend

#2D3C3C - #00373C | 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 #2D3C3C as 0% and #00373C as 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #253B3C	RGB 37 59 60	#253B3C
33.3%	33.3% #1E3B3C	RGB 30 59 60	#1E3B3C
50.0%	50.0% #163A3C	RGB 22 58 60	#163A3C
66.7%	66.7% #0F393C	RGB 15 57 60	#0F393C
83.3%	83.3% #07383C	RGB 7 56 60	#07383C
100.0%	100.0% #00373C	RGB 0 55 60	#00373C

#2D3C3C #253B3C #1E3B3C #163A3C #0F393C #07383C #00373C

#2D3C3C - #163A3C - #00373C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C3C 0%, #163A3C 50%, #00373C 100%);
    background: -webkit-linear-gradient(top, #2D3C3C 0%, #163A3C 50%, #00373C 100%);
    background: linear-gradient(to bottom, #2D3C3C 0%, #163A3C 50%, #00373C 100%);
}
</style>