#2D2D18 - #261C02 | 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 #2D2D18 to #261C02

#2D2D18 #261C02

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

#2D2D18 - #261C02 | 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 #2D2D18 as 0% and #261C02 as 100%.

0.0%	0.0% #2D2D18	RGB 45 45 24	#2D2D18
16.7%	16.7% #2B2A14	RGB 43 42 20	#2B2A14
33.3%	33.3% #2A2710	RGB 42 39 16	#2A2710
50.0%	50.0% #29240D	RGB 41 36 13	#29240D
66.7%	66.7% #282109	RGB 40 33 9	#282109
83.3%	83.3% #271E05	RGB 39 30 5	#271E05
100.0%	100.0% #261C02	RGB 38 28 2	#261C02

#2D2D18 #2B2A14 #2A2710 #29240D #282109 #271E05 #261C02

#2D2D18 - #261C02

HSV Blend

#2D2D18 - #261C02 | 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 #2D2D18 as 0% and #261C02 as 100%.

0.0%	0.0% #2D2D18	RGB 45 45 24	#2D2D18
16.7%	16.7% #2B2A13	RGB 43 42 19	#2B2A13
33.3%	33.3% #2A280F	RGB 42 40 15	#2A280F
50.0%	50.0% #29250C	RGB 41 37 12	#29250C
66.7%	66.7% #282208	RGB 40 34 8	#282208
83.3%	83.3% #271F05	RGB 39 31 5	#271F05
100.0%	100.0% #261C02	RGB 38 28 2	#261C02

#2D2D18 #2B2A13 #2A280F #29250C #282208 #271F05 #261C02

#2D2D18 - #29250C - #261C02

CSS codes

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

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