#2D4D3C - #033711 | 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 #2D4D3C to #033711

#2D4D3C #033711

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

#2D4D3C - #033711 | 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 #2D4D3C as 0% and #033711 as 100%.

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #264934	RGB 38 73 52	#264934
33.3%	33.3% #1F452D	RGB 31 69 45	#1F452D
50.0%	50.0% #184226	RGB 24 66 38	#184226
66.7%	66.7% #103E1F	RGB 16 62 31	#103E1F
83.3%	83.3% #0A3A18	RGB 10 58 24	#0A3A18
100.0%	100.0% #033711	RGB 3 55 17	#033711

#2D4D3C #264934 #1F452D #184226 #103E1F #0A3A18 #033711

#2D4D3C - #033711

HSV Blend

#2D4D3C - #033711 | 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 #2D4D3C as 0% and #033711 as 100%.

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #244934	RGB 36 73 52	#244934
33.3%	33.3% #1C452D	RGB 28 69 45	#1C452D
50.0%	50.0% #154225	RGB 21 66 37	#154225
66.7%	66.7% #0E3E1E	RGB 14 62 30	#0E3E1E
83.3%	83.3% #083A17	RGB 8 58 23	#083A17
100.0%	100.0% #033711	RGB 3 55 17	#033711

#2D4D3C #244934 #1C452D #154225 #0E3E1E #083A17 #033711

#2D4D3C - #154225 - #033711

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D3C 0%, #154225 50%, #033711 100%);
    background: -webkit-linear-gradient(top, #2D4D3C 0%, #154225 50%, #033711 100%);
    background: linear-gradient(to bottom, #2D4D3C 0%, #154225 50%, #033711 100%);
}
</style>