#5E574F - #371A07 | 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 #5E574F to #371A07

#5E574F #371A07

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

#5E574F - #371A07 | 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 #5E574F as 0% and #371A07 as 100%.

0.0%	0.0% #5E574F	RGB 94 87 79	#5E574F
16.7%	16.7% #574C43	RGB 87 76 67	#574C43
33.3%	33.3% #514237	RGB 81 66 55	#514237
50.0%	50.0% #4A382B	RGB 74 56 43	#4A382B
66.7%	66.7% #442E1F	RGB 68 46 31	#442E1F
83.3%	83.3% #3D2413	RGB 61 36 19	#3D2413
100.0%	100.0% #371A07	RGB 55 26 7	#371A07

#5E574F #574C43 #514237 #4A382B #442E1F #3D2413 #371A07

#5E574F - #371A07

HSV Blend

#5E574F - #371A07 | 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 #5E574F as 0% and #371A07 as 100%.

0.0%	0.0% #5E574F	RGB 94 87 79	#5E574F
16.7%	16.7% #574B3F	RGB 87 75 63	#574B3F
33.3%	33.3% #514030	RGB 81 64 48	#514030
50.0%	50.0% #4A3524	RGB 74 53 36	#4A3524
66.7%	66.7% #442B18	RGB 68 43 24	#442B18
83.3%	83.3% #3D220F	RGB 61 34 15	#3D220F
100.0%	100.0% #371A07	RGB 55 26 7	#371A07

#5E574F #574B3F #514030 #4A3524 #442B18 #3D220F #371A07

#5E574F - #4A3524 - #371A07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E574F 0%, #4A3524 50%, #371A07 100%);
    background: -webkit-linear-gradient(top, #5E574F 0%, #4A3524 50%, #371A07 100%);
    background: linear-gradient(to bottom, #5E574F 0%, #4A3524 50%, #371A07 100%);
}
</style>