#2D2D1B - #271C01 | 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 #2D2D1B to #271C01

#2D2D1B #271C01

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

#2D2D1B - #271C01 | 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 #2D2D1B as 0% and #271C01 as 100%.

0.0%	0.0% #2D2D1B	RGB 45 45 27	#2D2D1B
16.7%	16.7% #2C2A16	RGB 44 42 22	#2C2A16
33.3%	33.3% #2B2712	RGB 43 39 18	#2B2712
50.0%	50.0% #2A240E	RGB 42 36 14	#2A240E
66.7%	66.7% #292109	RGB 41 33 9	#292109
83.3%	83.3% #281E05	RGB 40 30 5	#281E05
100.0%	100.0% #271C01	RGB 39 28 1	#271C01

#2D2D1B #2C2A16 #2B2712 #2A240E #292109 #281E05 #271C01

#2D2D1B - #271C01

HSV Blend

#2D2D1B - #271C01 | 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 #2D2D1B as 0% and #271C01 as 100%.

0.0%	0.0% #2D2D1B	RGB 45 45 27	#2D2D1B
16.7%	16.7% #2C2A16	RGB 44 42 22	#2C2A16
33.3%	33.3% #2B2811	RGB 43 40 17	#2B2811
50.0%	50.0% #2A250D	RGB 42 37 13	#2A250D
66.7%	66.7% #292208	RGB 41 34 8	#292208
83.3%	83.3% #281F04	RGB 40 31 4	#281F04
100.0%	100.0% #271C01	RGB 39 28 1	#271C01

#2D2D1B #2C2A16 #2B2811 #2A250D #292208 #281F04 #271C01

#2D2D1B - #2A250D - #271C01

CSS codes

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

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