#985B5E - #F5A372 | 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 #985B5E to #F5A372

#985B5E #F5A372

Calculate the color between two colors, #985B5E and #F5A372. 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)

#985B5E - #F5A372 | 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 #985B5E as 0% and #F5A372 as 100%.

0.0%	0.0% #985B5E	RGB 152 91 94	#985B5E
16.7%	16.7% #A76761	RGB 167 103 97	#A76761
33.3%	33.3% #B77364	RGB 183 115 100	#B77364
50.0%	50.0% #C67F68	RGB 198 127 104	#C67F68
66.7%	66.7% #D68B6B	RGB 214 139 107	#D68B6B
83.3%	83.3% #E5976E	RGB 229 151 110	#E5976E
100.0%	100.0% #F5A372	RGB 245 163 114	#F5A372

#985B5E #A76761 #B77364 #C67F68 #D68B6B #E5976E #F5A372

#985B5E - #F5A372

HSV Blend

#985B5E - #F5A372 | 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 #985B5E as 0% and #F5A372 as 100%.

0.0%	0.0% #985B5D	RGB 152 91 93	#985B5D
16.7%	16.7% #A76260	RGB 167 98 96	#A76260
33.3%	33.3% #B76C65	RGB 183 108 101	#B76C65
50.0%	50.0% #C67869	RGB 198 120 105	#C67869
66.7%	66.7% #D6856D	RGB 214 133 109	#D6856D
83.3%	83.3% #E5936F	RGB 229 147 111	#E5936F
100.0%	100.0% #F5A372	RGB 245 163 114	#F5A372

#985B5D #A76260 #B76C65 #C67869 #D6856D #E5936F #F5A372

#985B5E - #C67869 - #F5A372

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #985B5D 0%, #C67869 50%, #F5A372 100%);
    background: -webkit-linear-gradient(top, #985B5D 0%, #C67869 50%, #F5A372 100%);
    background: linear-gradient(to bottom, #985B5D 0%, #C67869 50%, #F5A372 100%);
}
</style>