#3E3C3C - #28001F | 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 #3E3C3C to #28001F

#3E3C3C #28001F

Calculate the color between two colors, #3E3C3C and #28001F. 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)

#3E3C3C - #28001F | 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 #3E3C3C as 0% and #28001F as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3A3237	RGB 58 50 55	#3A3237
33.3%	33.3% #362832	RGB 54 40 50	#362832
50.0%	50.0% #331E2D	RGB 51 30 45	#331E2D
66.7%	66.7% #2F1428	RGB 47 20 40	#2F1428
83.3%	83.3% #2B0A23	RGB 43 10 35	#2B0A23
100.0%	100.0% #28001F	RGB 40 0 31	#28001F

#3E3C3C #3A3237 #362832 #331E2D #2F1428 #2B0A23 #28001F

#3E3C3C - #28001F

HSV Blend

#3E3C3C - #28001F | 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 #3E3C3C as 0% and #28001F as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3A2F30	RGB 58 47 48	#3A2F30
33.3%	33.3% #362328	RGB 54 35 40	#362328
50.0%	50.0% #331822	RGB 51 24 34	#331822
66.7%	66.7% #2F0F1F	RGB 47 15 31	#2F0F1F
83.3%	83.3% #2B071E	RGB 43 7 30	#2B071E
100.0%	100.0% #28001F	RGB 40 0 31	#28001F

#3E3C3C #3A2F30 #362328 #331822 #2F0F1F #2B071E #28001F

#3E3C3C - #331822 - #28001F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #331822 50%, #28001F 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #331822 50%, #28001F 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #331822 50%, #28001F 100%);
}
</style>