#9F5E5F - #5A231F | 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 #9F5E5F to #5A231F

#9F5E5F #5A231F

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

#9F5E5F - #5A231F | 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 #9F5E5F as 0% and #5A231F as 100%.

0.0%	0.0% #9F5E5F	RGB 159 94 95	#9F5E5F
16.7%	16.7% #935454	RGB 147 84 84	#935454
33.3%	33.3% #884A49	RGB 136 74 73	#884A49
50.0%	50.0% #7C403F	RGB 124 64 63	#7C403F
66.7%	66.7% #713634	RGB 113 54 52	#713634
83.3%	83.3% #652C29	RGB 101 44 41	#652C29
100.0%	100.0% #5A231F	RGB 90 35 31	#5A231F

#9F5E5F #935454 #884A49 #7C403F #713634 #652C29 #5A231F

#9F5E5F - #5A231F

HSV Blend

#9F5E5F - #5A231F | 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 #9F5E5F as 0% and #5A231F as 100%.

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #935151	RGB 147 81 81	#935151
33.3%	33.3% #884645	RGB 136 70 69	#884645
50.0%	50.0% #7C3B3A	RGB 124 59 58	#7C3B3A
66.7%	66.7% #713230	RGB 113 50 48	#713230
83.3%	83.3% #652A27	RGB 101 42 39	#652A27
100.0%	100.0% #5A231F	RGB 90 35 31	#5A231F

#9F5E5E #935151 #884645 #7C3B3A #713230 #652A27 #5A231F

#9F5E5F - #7C3B3A - #5A231F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5E5E 0%, #7C3B3A 50%, #5A231F 100%);
    background: -webkit-linear-gradient(top, #9F5E5E 0%, #7C3B3A 50%, #5A231F 100%);
    background: linear-gradient(to bottom, #9F5E5E 0%, #7C3B3A 50%, #5A231F 100%);
}
</style>