#2D1921 - #83534C | 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 #2D1921 to #83534C

#2D1921 #83534C

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

#2D1921 - #83534C | 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 #2D1921 as 0% and #83534C as 100%.

0.0%	0.0% #2D1921	RGB 45 25 33	#2D1921
16.7%	16.7% #3B2228	RGB 59 34 40	#3B2228
33.3%	33.3% #492C2F	RGB 73 44 47	#492C2F
50.0%	50.0% #583636	RGB 88 54 54	#583636
66.7%	66.7% #663F3D	RGB 102 63 61	#663F3D
83.3%	83.3% #744944	RGB 116 73 68	#744944
100.0%	100.0% #83534C	RGB 131 83 76	#83534C

#2D1921 #3B2228 #492C2F #583636 #663F3D #744944 #83534C

#2D1921 - #83534C

HSV Blend

#2D1921 - #83534C | 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 #2D1921 as 0% and #83534C as 100%.

0.0%	0.0% #2D1921	RGB 45 25 33	#2D1921
16.7%	16.7% #3B2129	RGB 59 33 41	#3B2129
33.3%	33.3% #492930	RGB 73 41 48	#492930
50.0%	50.0% #583137	RGB 88 49 55	#583137
66.7%	66.7% #663A3C	RGB 102 58 60	#663A3C
83.3%	83.3% #744543	RGB 116 69 67	#744543
100.0%	100.0% #83534C	RGB 131 83 76	#83534C

#2D1921 #3B2129 #492930 #583137 #663A3C #744543 #83534C

#2D1921 - #583137 - #83534C

CSS codes

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

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