#9A8F8C - #FDD3AB | 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 #9A8F8C to #FDD3AB

#9A8F8C #FDD3AB

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

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

0.0%	0.0% #9A8F8C	RGB 154 143 140	#9A8F8C
16.7%	16.7% #AA9A91	RGB 170 154 145	#AA9A91
33.3%	33.3% #BBA596	RGB 187 165 150	#BBA596
50.0%	50.0% #CBB19B	RGB 203 177 155	#CBB19B
66.7%	66.7% #DCBCA0	RGB 220 188 160	#DCBCA0
83.3%	83.3% #ECC7A5	RGB 236 199 165	#ECC7A5
100.0%	100.0% #FDD3AB	RGB 253 211 171	#FDD3AB

#9A8F8C #AA9A91 #BBA596 #CBB19B #DCBCA0 #ECC7A5 #FDD3AB

#9A8F8C - #FDD3AB

HSV Blend

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

0.0%	0.0% #9A8F8C	RGB 154 143 140	#9A8F8C
16.7%	16.7% #AA9A94	RGB 170 154 148	#AA9A94
33.3%	33.3% #BBA59B	RGB 187 165 155	#BBA59B
50.0%	50.0% #CBB0A1	RGB 203 176 161	#CBB0A1
66.7%	66.7% #DCBBA5	RGB 220 187 165	#DCBBA5
83.3%	83.3% #ECC6A9	RGB 236 198 169	#ECC6A9
100.0%	100.0% #FDD3AB	RGB 253 211 171	#FDD3AB

#9A8F8C #AA9A94 #BBA59B #CBB0A1 #DCBBA5 #ECC6A9 #FDD3AB

#9A8F8C - #CBB0A1 - #FDD3AB

CSS codes

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

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