#3E2D2D - #28000D | 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 #3E2D2D to #28000D

#3E2D2D #28000D

Calculate the color between two colors, #3E2D2D and #28000D. 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)

#3E2D2D - #28000D | 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 #3E2D2D as 0% and #28000D as 100%.

0.0%	0.0% #3E2D2D	RGB 62 45 45	#3E2D2D
16.7%	16.7% #3A2527	RGB 58 37 39	#3A2527
33.3%	33.3% #361E22	RGB 54 30 34	#361E22
50.0%	50.0% #33161D	RGB 51 22 29	#33161D
66.7%	66.7% #2F0E17	RGB 47 14 23	#2F0E17
83.3%	83.3% #2B0712	RGB 43 7 18	#2B0712
100.0%	100.0% #28000D	RGB 40 0 13	#28000D

#3E2D2D #3A2527 #361E22 #33161D #2F0E17 #2B0712 #28000D

#3E2D2D - #28000D

HSV Blend

#3E2D2D - #28000D | 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 #3E2D2D as 0% and #28000D as 100%.

0.0%	0.0% #3E2D2D	RGB 62 45 45	#3E2D2D
16.7%	16.7% #3A2324	RGB 58 35 36	#3A2324
33.3%	33.3% #361A1D	RGB 54 26 29	#361A1D
50.0%	50.0% #331217	RGB 51 18 23	#331217
66.7%	66.7% #2F0B13	RGB 47 11 19	#2F0B13
83.3%	83.3% #2B050F	RGB 43 5 15	#2B050F
100.0%	100.0% #28000D	RGB 40 0 13	#28000D

#3E2D2D #3A2324 #361A1D #331217 #2F0B13 #2B050F #28000D

#3E2D2D - #331217 - #28000D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D2D 0%, #331217 50%, #28000D 100%);
    background: -webkit-linear-gradient(top, #3E2D2D 0%, #331217 50%, #28000D 100%);
    background: linear-gradient(to bottom, #3E2D2D 0%, #331217 50%, #28000D 100%);
}
</style>