#9F5E5E - #F5AC80 | 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 #9F5E5E to #F5AC80

#9F5E5E #F5AC80

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

#9F5E5E - #F5AC80 | 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 #9F5E5E as 0% and #F5AC80 as 100%.

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #AD6B63	RGB 173 107 99	#AD6B63
33.3%	33.3% #BB7869	RGB 187 120 105	#BB7869
50.0%	50.0% #CA856F	RGB 202 133 111	#CA856F
66.7%	66.7% #D89274	RGB 216 146 116	#D89274
83.3%	83.3% #E69F7A	RGB 230 159 122	#E69F7A
100.0%	100.0% #F5AC80	RGB 245 172 128	#F5AC80

#9F5E5E #AD6B63 #BB7869 #CA856F #D89274 #E69F7A #F5AC80

#9F5E5E - #F5AC80

HSV Blend

#9F5E5E - #F5AC80 | 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 #9F5E5E as 0% and #F5AC80 as 100%.

0.0%	0.0% #9F5E5E	RGB 159 94 94	#9F5E5E
16.7%	16.7% #AD6964	RGB 173 105 100	#AD6964
33.3%	33.3% #BB746A	RGB 187 116 106	#BB746A
50.0%	50.0% #CA8170	RGB 202 129 112	#CA8170
66.7%	66.7% #D88E75	RGB 216 142 117	#D88E75
83.3%	83.3% #E69C7B	RGB 230 156 123	#E69C7B
100.0%	100.0% #F5AC80	RGB 245 172 128	#F5AC80

#9F5E5E #AD6964 #BB746A #CA8170 #D88E75 #E69C7B #F5AC80

#9F5E5E - #CA8170 - #F5AC80

CSS codes

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

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