#5E353F - #480413 | 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 #5E353F to #480413

#5E353F #480413

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

#5E353F - #480413 | 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 #5E353F as 0% and #480413 as 100%.

0.0%	0.0% #5E353F	RGB 94 53 63	#5E353F
16.7%	16.7% #5A2C37	RGB 90 44 55	#5A2C37
33.3%	33.3% #562430	RGB 86 36 48	#562430
50.0%	50.0% #531C29	RGB 83 28 41	#531C29
66.7%	66.7% #4F1421	RGB 79 20 33	#4F1421
83.3%	83.3% #4B0C1A	RGB 75 12 26	#4B0C1A
100.0%	100.0% #480413	RGB 72 4 19	#480413

#5E353F #5A2C37 #562430 #531C29 #4F1421 #4B0C1A #480413

#5E353F - #480413

HSV Blend

#5E353F - #480413 | 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 #5E353F as 0% and #480413 as 100%.

0.0%	0.0% #5E353F	RGB 94 53 63	#5E353F
16.7%	16.7% #5A2B36	RGB 90 43 54	#5A2B36
33.3%	33.3% #56222E	RGB 86 34 46	#56222E
50.0%	50.0% #531927	RGB 83 25 39	#531927
66.7%	66.7% #4F111F	RGB 79 17 31	#4F111F
83.3%	83.3% #4B0A19	RGB 75 10 25	#4B0A19
100.0%	100.0% #480413	RGB 72 4 19	#480413

#5E353F #5A2B36 #56222E #531927 #4F111F #4B0A19 #480413

#5E353F - #531927 - #480413

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E353F 0%, #531927 50%, #480413 100%);
    background: -webkit-linear-gradient(top, #5E353F 0%, #531927 50%, #480413 100%);
    background: linear-gradient(to bottom, #5E353F 0%, #531927 50%, #480413 100%);
}
</style>