#2D2019 - #311002 | 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 #2D2019 to #311002

#2D2019 #311002

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

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

0.0%	0.0% #2D2019	RGB 45 32 25	#2D2019
16.7%	16.7% #2D1D15	RGB 45 29 21	#2D1D15
33.3%	33.3% #2E1A11	RGB 46 26 17	#2E1A11
50.0%	50.0% #2F180D	RGB 47 24 13	#2F180D
66.7%	66.7% #2F1509	RGB 47 21 9	#2F1509
83.3%	83.3% #301205	RGB 48 18 5	#301205
100.0%	100.0% #311002	RGB 49 16 2	#311002

#2D2019 #2D1D15 #2E1A11 #2F180D #2F1509 #301205 #311002

#2D2019 - #311002

HSV Blend

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

0.0%	0.0% #2D2019	RGB 45 32 25	#2D2019
16.7%	16.7% #2D1D15	RGB 45 29 21	#2D1D15
33.3%	33.3% #2E1B11	RGB 46 27 17	#2E1B11
50.0%	50.0% #2F180E	RGB 47 24 14	#2F180E
66.7%	66.7% #2F150A	RGB 47 21 10	#2F150A
83.3%	83.3% #301306	RGB 48 19 6	#301306
100.0%	100.0% #311002	RGB 49 16 2	#311002

#2D2019 #2D1D15 #2E1B11 #2F180E #2F150A #301306 #311002

#2D2019 - #2F180E - #311002

CSS codes

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

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