#9A8384 - #FFC799 | 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 #9A8384 to #FFC799

#9A8384 #FFC799

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

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

0.0%	0.0% #9A8384	RGB 154 131 132	#9A8384
16.7%	16.7% #AA8E87	RGB 170 142 135	#AA8E87
33.3%	33.3% #BB998B	RGB 187 153 139	#BB998B
50.0%	50.0% #CCA58E	RGB 204 165 142	#CCA58E
66.7%	66.7% #DDB092	RGB 221 176 146	#DDB092
83.3%	83.3% #EEBB95	RGB 238 187 149	#EEBB95
100.0%	100.0% #FFC799	RGB 255 199 153	#FFC799

#9A8384 #AA8E87 #BB998B #CCA58E #DDB092 #EEBB95 #FFC799

#9A8384 - #FFC799

HSV Blend

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

0.0%	0.0% #9A8384	RGB 154 131 132	#9A8384
16.7%	16.7% #AA8B8A	RGB 170 139 138	#AA8B8A
33.3%	33.3% #BB958F	RGB 187 149 143	#BB958F
50.0%	50.0% #CC9F94	RGB 204 159 148	#CC9F94
66.7%	66.7% #DDAB97	RGB 221 171 151	#DDAB97
83.3%	83.3% #EEB898	RGB 238 184 152	#EEB898
100.0%	100.0% #FFC799	RGB 255 199 153	#FFC799

#9A8384 #AA8B8A #BB958F #CC9F94 #DDAB97 #EEB898 #FFC799

#9A8384 - #CC9F94 - #FFC799

CSS codes

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

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