#9A8D7C - #FECE98 | 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 #9A8D7C to #FECE98

#9A8D7C #FECE98

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

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

0.0%	0.0% #9A8D7C	RGB 154 141 124	#9A8D7C
16.7%	16.7% #AA9780	RGB 170 151 128	#AA9780
33.3%	33.3% #BBA285	RGB 187 162 133	#BBA285
50.0%	50.0% #CCAD8A	RGB 204 173 138	#CCAD8A
66.7%	66.7% #DCB88E	RGB 220 184 142	#DCB88E
83.3%	83.3% #EDC393	RGB 237 195 147	#EDC393
100.0%	100.0% #FECE98	RGB 254 206 152	#FECE98

#9A8D7C #AA9780 #BBA285 #CCAD8A #DCB88E #EDC393 #FECE98

#9A8D7C - #FECE98

HSV Blend

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

0.0%	0.0% #9A8D7C	RGB 154 141 124	#9A8D7C
16.7%	16.7% #AA9983	RGB 170 153 131	#AA9983
33.3%	33.3% #BBA589	RGB 187 165 137	#BBA589
50.0%	50.0% #CCB08F	RGB 204 176 143	#CCB08F
66.7%	66.7% #DCBB93	RGB 220 187 147	#DCBB93
83.3%	83.3% #EDC496	RGB 237 196 150	#EDC496
100.0%	100.0% #FECE98	RGB 254 206 152	#FECE98

#9A8D7C #AA9983 #BBA589 #CCB08F #DCBB93 #EDC496 #FECE98

#9A8D7C - #CCB08F - #FECE98

CSS codes

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

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