#3E3C3C - #1D0028 | 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 #1D0028

#3E3C3C #1D0028

Calculate the color between two colors, #3E3C3C and #1D0028. 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 - #1D0028 | 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 #1D0028 as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #383238	RGB 56 50 56	#383238
33.3%	33.3% #332835	RGB 51 40 53	#332835
50.0%	50.0% #2D1E32	RGB 45 30 50	#2D1E32
66.7%	66.7% #28142E	RGB 40 20 46	#28142E
83.3%	83.3% #220A2B	RGB 34 10 43	#220A2B
100.0%	100.0% #1D0028	RGB 29 0 40	#1D0028

#3E3C3C #383238 #332835 #2D1E32 #28142E #220A2B #1D0028

#3E3C3C - #1D0028

HSV Blend

#3E3C3C - #1D0028 | 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 #1D0028 as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #3A2F31	RGB 58 47 49	#3A2F31
33.3%	33.3% #36232B	RGB 54 35 43	#36232B
50.0%	50.0% #331829	RGB 51 24 41	#331829
66.7%	66.7% #2F0F2A	RGB 47 15 42	#2F0F2A
83.3%	83.3% #29072B	RGB 41 7 43	#29072B
100.0%	100.0% #1D0028	RGB 29 0 40	#1D0028

#3E3C3C #3A2F31 #36232B #331829 #2F0F2A #29072B #1D0028

#3E3C3C - #331829 - #1D0028

CSS codes

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

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