#2D3A2D - #083000 | 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 #2D3A2D to #083000

#2D3A2D #083000

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

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

0.0%	0.0% #2D3A2D	RGB 45 58 45	#2D3A2D
16.7%	16.7% #263825	RGB 38 56 37	#263825
33.3%	33.3% #20361E	RGB 32 54 30	#20361E
50.0%	50.0% #1A3516	RGB 26 53 22	#1A3516
66.7%	66.7% #14330E	RGB 20 51 14	#14330E
83.3%	83.3% #0E3107	RGB 14 49 7	#0E3107
100.0%	100.0% #083000	RGB 8 48 0	#083000

#2D3A2D #263825 #20361E #1A3516 #14330E #0E3107 #083000

#2D3A2D - #083000

HSV Blend

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

0.0%	0.0% #2D3A2D	RGB 45 58 45	#2D3A2D
16.7%	16.7% #243824	RGB 36 56 36	#243824
33.3%	33.3% #1D361C	RGB 29 54 28	#1D361C
50.0%	50.0% #173514	RGB 23 53 20	#173514
66.7%	66.7% #11330D	RGB 17 51 13	#11330D
83.3%	83.3% #0C3106	RGB 12 49 6	#0C3106
100.0%	100.0% #083000	RGB 8 48 0	#083000

#2D3A2D #243824 #1D361C #173514 #11330D #0C3106 #083000

#2D3A2D - #173514 - #083000

CSS codes

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

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