#9C8F8C - #FED3AB | 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 #9C8F8C to #FED3AB

#9C8F8C #FED3AB

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

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

0.0%	0.0% #9C8F8C	RGB 156 143 140	#9C8F8C
16.7%	16.7% #AC9A91	RGB 172 154 145	#AC9A91
33.3%	33.3% #BCA596	RGB 188 165 150	#BCA596
50.0%	50.0% #CDB19B	RGB 205 177 155	#CDB19B
66.7%	66.7% #DDBCA0	RGB 221 188 160	#DDBCA0
83.3%	83.3% #EDC7A5	RGB 237 199 165	#EDC7A5
100.0%	100.0% #FED3AB	RGB 254 211 171	#FED3AB

#9C8F8C #AC9A91 #BCA596 #CDB19B #DDBCA0 #EDC7A5 #FED3AB

#9C8F8C - #FED3AB

HSV Blend

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

0.0%	0.0% #9C8F8C	RGB 156 143 140	#9C8F8C
16.7%	16.7% #AC9994	RGB 172 153 148	#AC9994
33.3%	33.3% #BCA49B	RGB 188 164 155	#BCA49B
50.0%	50.0% #CDAFA0	RGB 205 175 160	#CDAFA0
66.7%	66.7% #DDBAA5	RGB 221 186 165	#DDBAA5
83.3%	83.3% #EDC6A8	RGB 237 198 168	#EDC6A8
100.0%	100.0% #FED3AB	RGB 254 211 171	#FED3AB

#9C8F8C #AC9994 #BCA49B #CDAFA0 #DDBAA5 #EDC6A8 #FED3AB

#9C8F8C - #CDAFA0 - #FED3AB

CSS codes

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

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