#5E564F - #390C06 | 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 #5E564F to #390C06

#5E564F #390C06

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

#5E564F - #390C06 | 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 #5E564F as 0% and #390C06 as 100%.

0.0%	0.0% #5E564F	RGB 94 86 79	#5E564F
16.7%	16.7% #574942	RGB 87 73 66	#574942
33.3%	33.3% #513D36	RGB 81 61 54	#513D36
50.0%	50.0% #4B312A	RGB 75 49 42	#4B312A
66.7%	66.7% #45241E	RGB 69 36 30	#45241E
83.3%	83.3% #3F1812	RGB 63 24 18	#3F1812
100.0%	100.0% #390C06	RGB 57 12 6	#390C06

#5E564F #574942 #513D36 #4B312A #45241E #3F1812 #390C06

#5E564F - #390C06

HSV Blend

#5E564F - #390C06 | 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 #5E564F as 0% and #390C06 as 100%.

0.0%	0.0% #5E564F	RGB 94 86 79	#5E564F
16.7%	16.7% #57493F	RGB 87 73 63	#57493F
33.3%	33.3% #513C30	RGB 81 60 48	#513C30
50.0%	50.0% #4B2F23	RGB 75 47 35	#4B2F23
66.7%	66.7% #452218	RGB 69 34 24	#452218
83.3%	83.3% #3F160E	RGB 63 22 14	#3F160E
100.0%	100.0% #390C06	RGB 57 12 6	#390C06

#5E564F #57493F #513C30 #4B2F23 #452218 #3F160E #390C06

#5E564F - #4B2F23 - #390C06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E564F 0%, #4B2F23 50%, #390C06 100%);
    background: -webkit-linear-gradient(top, #5E564F 0%, #4B2F23 50%, #390C06 100%);
    background: linear-gradient(to bottom, #5E564F 0%, #4B2F23 50%, #390C06 100%);
}
</style>