#2D3E38 - #00280E | 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 #2D3E38 to #00280E

#2D3E38 #00280E

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

#2D3E38 - #00280E | 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 #2D3E38 as 0% and #00280E as 100%.

0.0%	0.0% #2D3E38	RGB 45 62 56	#2D3E38
16.7%	16.7% #253A31	RGB 37 58 49	#253A31
33.3%	33.3% #1E362A	RGB 30 54 42	#1E362A
50.0%	50.0% #163323	RGB 22 51 35	#163323
66.7%	66.7% #0E2F1C	RGB 14 47 28	#0E2F1C
83.3%	83.3% #072B15	RGB 7 43 21	#072B15
100.0%	100.0% #00280E	RGB 0 40 14	#00280E

#2D3E38 #253A31 #1E362A #163323 #0E2F1C #072B15 #00280E

#2D3E38 - #00280E

HSV Blend

#2D3E38 - #00280E | 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 #2D3E38 as 0% and #00280E as 100%.

0.0%	0.0% #2D3E38	RGB 45 62 56	#2D3E38
16.7%	16.7% #233A31	RGB 35 58 49	#233A31
33.3%	33.3% #1A3629	RGB 26 54 41	#1A3629
50.0%	50.0% #123322	RGB 18 51 34	#123322
66.7%	66.7% #0B2F1B	RGB 11 47 27	#0B2F1B
83.3%	83.3% #052B14	RGB 5 43 20	#052B14
100.0%	100.0% #00280E	RGB 0 40 14	#00280E

#2D3E38 #233A31 #1A3629 #123322 #0B2F1B #052B14 #00280E

#2D3E38 - #123322 - #00280E

CSS codes

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

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