#2D2D2D - #411000 | 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 #2D2D2D to #411000

#2D2D2D #411000

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

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302825	RGB 48 40 37	#302825
33.3%	33.3% #33231E	RGB 51 35 30	#33231E
50.0%	50.0% #371E16	RGB 55 30 22	#371E16
66.7%	66.7% #3A190E	RGB 58 25 14	#3A190E
83.3%	83.3% #3D1407	RGB 61 20 7	#3D1407
100.0%	100.0% #411000	RGB 65 16 0	#411000

#2D2D2D #302825 #33231E #371E16 #3A190E #3D1407 #411000

#2D2D2D - #411000

HSV Blend

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302828	RGB 48 40 40	#302828
33.3%	33.3% #332322	RGB 51 35 34	#332322
50.0%	50.0% #371E1B	RGB 55 30 27	#371E1B
66.7%	66.7% #3A1913	RGB 58 25 19	#3A1913
83.3%	83.3% #3D140A	RGB 61 20 10	#3D140A
100.0%	100.0% #411000	RGB 65 16 0	#411000

#2D2D2D #302828 #332322 #371E1B #3A1913 #3D140A #411000

#2D2D2D - #371E1B - #411000

CSS codes

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

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