#2D4D3B - #05251C | 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 #2D4D3B to #05251C

#2D4D3B #05251C

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

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

0.0%	0.0% #2D4D3B	RGB 45 77 59	#2D4D3B
16.7%	16.7% #264635	RGB 38 70 53	#264635
33.3%	33.3% #1F3F30	RGB 31 63 48	#1F3F30
50.0%	50.0% #19392B	RGB 25 57 43	#19392B
66.7%	66.7% #123226	RGB 18 50 38	#123226
83.3%	83.3% #0B2B21	RGB 11 43 33	#0B2B21
100.0%	100.0% #05251C	RGB 5 37 28	#05251C

#2D4D3B #264635 #1F3F30 #19392B #123226 #0B2B21 #05251C

#2D4D3B - #05251C

HSV Blend

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

0.0%	0.0% #2D4D3B	RGB 45 77 59	#2D4D3B
16.7%	16.7% #234634	RGB 35 70 52	#234634
33.3%	33.3% #1B3F2E	RGB 27 63 46	#1B3F2E
50.0%	50.0% #143929	RGB 20 57 41	#143929
66.7%	66.7% #0E3224	RGB 14 50 36	#0E3224
83.3%	83.3% #092B20	RGB 9 43 32	#092B20
100.0%	100.0% #05251C	RGB 5 37 28	#05251C

#2D4D3B #234634 #1B3F2E #143929 #0E3224 #092B20 #05251C

#2D4D3B - #143929 - #05251C

CSS codes

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

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