#5E5D5B - #453B0E | 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 #5E5D5B to #453B0E

#5E5D5B #453B0E

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

#5E5D5B - #453B0E | 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 #5E5D5B as 0% and #453B0E as 100%.

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #59574E	RGB 89 87 78	#59574E
33.3%	33.3% #555141	RGB 85 81 65	#555141
50.0%	50.0% #514C34	RGB 81 76 52	#514C34
66.7%	66.7% #4D4627	RGB 77 70 39	#4D4627
83.3%	83.3% #49401A	RGB 73 64 26	#49401A
100.0%	100.0% #453B0E	RGB 69 59 14	#453B0E

#5E5D5B #59574E #555141 #514C34 #4D4627 #49401A #453B0E

#5E5D5B - #453B0E

HSV Blend

#5E5D5B - #453B0E | 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 #5E5D5B as 0% and #453B0E as 100%.

0.0%	0.0% #5E5D5B	RGB 94 93 91	#5E5D5B
16.7%	16.7% #59554B	RGB 89 85 75	#59554B
33.3%	33.3% #554E3D	RGB 85 78 61	#554E3D
50.0%	50.0% #51482F	RGB 81 72 47	#51482F
66.7%	66.7% #4D4323	RGB 77 67 35	#4D4323
83.3%	83.3% #493F18	RGB 73 63 24	#493F18
100.0%	100.0% #453B0E	RGB 69 59 14	#453B0E

#5E5D5B #59554B #554E3D #51482F #4D4323 #493F18 #453B0E

#5E5D5B - #51482F - #453B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D5B 0%, #51482F 50%, #453B0E 100%);
    background: -webkit-linear-gradient(top, #5E5D5B 0%, #51482F 50%, #453B0E 100%);
    background: linear-gradient(to bottom, #5E5D5B 0%, #51482F 50%, #453B0E 100%);
}
</style>