#5E4242 - #1A1212 | 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 #5E4242 to #1A1212

#5E4242 #1A1212

Calculate the color between two colors, #5E4242 and #1A1212. 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)

#5E4242 - #1A1212 | 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 #5E4242 as 0% and #1A1212 as 100%.

0.0%	0.0% #5E4242	RGB 94 66 66	#5E4242
16.7%	16.7% #523A3A	RGB 82 58 58	#523A3A
33.3%	33.3% #473232	RGB 71 50 50	#473232
50.0%	50.0% #3C2A2A	RGB 60 42 42	#3C2A2A
66.7%	66.7% #302222	RGB 48 34 34	#302222
83.3%	83.3% #251A1A	RGB 37 26 26	#251A1A
100.0%	100.0% #1A1212	RGB 26 18 18	#1A1212

#5E4242 #523A3A #473232 #3C2A2A #302222 #251A1A #1A1212

#5E4242 - #1A1212

HSV Blend

#5E4242 - #1A1212 | 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 #5E4242 as 0% and #1A1212 as 100%.

0.0%	0.0% #5E4242	RGB 94 66 66	#5E4242
16.7%	16.7% #523939	RGB 82 57 57	#523939
33.3%	33.3% #473131	RGB 71 49 49	#473131
50.0%	50.0% #3C2929	RGB 60 41 41	#3C2929
66.7%	66.7% #302121	RGB 48 33 33	#302121
83.3%	83.3% #251919	RGB 37 25 25	#251919
100.0%	100.0% #1A1212	RGB 26 18 18	#1A1212

#5E4242 #523939 #473131 #3C2929 #302121 #251919 #1A1212

#5E4242 - #3C2929 - #1A1212

CSS codes

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

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