#2B2B2B - #412200 | 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 #2B2B2B to #412200

#2B2B2B #412200

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

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

0.0%	0.0% #2B2B2B	RGB 43 43 43	#2B2B2B
16.7%	16.7% #2E2923	RGB 46 41 35	#2E2923
33.3%	33.3% #32281C	RGB 50 40 28	#32281C
50.0%	50.0% #362615	RGB 54 38 21	#362615
66.7%	66.7% #39250E	RGB 57 37 14	#39250E
83.3%	83.3% #3D2307	RGB 61 35 7	#3D2307
100.0%	100.0% #412200	RGB 65 34 0	#412200

#2B2B2B #2E2923 #32281C #362615 #39250E #3D2307 #412200

#2B2B2B - #412200

HSV Blend

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

0.0%	0.0% #2B2B2B	RGB 43 43 43	#2B2B2B
16.7%	16.7% #2E2726	RGB 46 39 38	#2E2726
33.3%	33.3% #322421	RGB 50 36 33	#322421
50.0%	50.0% #36221B	RGB 54 34 27	#36221B
66.7%	66.7% #392013	RGB 57 32 19	#392013
83.3%	83.3% #3D200A	RGB 61 32 10	#3D200A
100.0%	100.0% #412200	RGB 65 34 0	#412200

#2B2B2B #2E2726 #322421 #36221B #392013 #3D200A #412200

#2B2B2B - #36221B - #412200

CSS codes

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

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