#5E4154 - #3A111B | 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 #5E4154 to #3A111B

#5E4154 #3A111B

Calculate the color between two colors, #5E4154 and #3A111B. 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)

#5E4154 - #3A111B | 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 #5E4154 as 0% and #3A111B as 100%.

0.0%	0.0% #5E4154	RGB 94 65 84	#5E4154
16.7%	16.7% #58394A	RGB 88 57 74	#58394A
33.3%	33.3% #523141	RGB 82 49 65	#523141
50.0%	50.0% #4C2937	RGB 76 41 55	#4C2937
66.7%	66.7% #46212E	RGB 70 33 46	#46212E
83.3%	83.3% #401924	RGB 64 25 36	#401924
100.0%	100.0% #3A111B	RGB 58 17 27	#3A111B

#5E4154 #58394A #523141 #4C2937 #46212E #401924 #3A111B

#5E4154 - #3A111B

HSV Blend

#5E4154 - #3A111B | 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 #5E4154 as 0% and #3A111B as 100%.

0.0%	0.0% #5E4154	RGB 94 65 84	#5E4154
16.7%	16.7% #58374A	RGB 88 55 74	#58374A
33.3%	33.3% #522D40	RGB 82 45 64	#522D40
50.0%	50.0% #4C2536	RGB 76 37 54	#4C2536
66.7%	66.7% #461D2D	RGB 70 29 45	#461D2D
83.3%	83.3% #401723	RGB 64 23 35	#401723
100.0%	100.0% #3A111B	RGB 58 17 27	#3A111B

#5E4154 #58374A #522D40 #4C2536 #461D2D #401723 #3A111B

#5E4154 - #4C2536 - #3A111B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4154 0%, #4C2536 50%, #3A111B 100%);
    background: -webkit-linear-gradient(top, #5E4154 0%, #4C2536 50%, #3A111B 100%);
    background: linear-gradient(to bottom, #5E4154 0%, #4C2536 50%, #3A111B 100%);
}
</style>