#9A8A8F - #FFCEA7 | 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 #9A8A8F to #FFCEA7

#9A8A8F #FFCEA7

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

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

0.0%	0.0% #9A8A8F	RGB 154 138 143	#9A8A8F
16.7%	16.7% #AA9593	RGB 170 149 147	#AA9593
33.3%	33.3% #BBA097	RGB 187 160 151	#BBA097
50.0%	50.0% #CCAC9B	RGB 204 172 155	#CCAC9B
66.7%	66.7% #DDB79F	RGB 221 183 159	#DDB79F
83.3%	83.3% #EEC2A3	RGB 238 194 163	#EEC2A3
100.0%	100.0% #FFCEA7	RGB 255 206 167	#FFCEA7

#9A8A8F #AA9593 #BBA097 #CCAC9B #DDB79F #EEC2A3 #FFCEA7

#9A8A8F - #FFCEA7

HSV Blend

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

0.0%	0.0% #9A8A8F	RGB 154 138 143	#9A8A8F
16.7%	16.7% #AA9296	RGB 170 146 150	#AA9296
33.3%	33.3% #BB999B	RGB 187 153 155	#BB999B
50.0%	50.0% #CCA19E	RGB 204 161 158	#CCA19E
66.7%	66.7% #DDADA2	RGB 221 173 162	#DDADA2
83.3%	83.3% #EEBCA5	RGB 238 188 165	#EEBCA5
100.0%	100.0% #FFCEA7	RGB 255 206 167	#FFCEA7

#9A8A8F #AA9296 #BB999B #CCA19E #DDADA2 #EEBCA5 #FFCEA7

#9A8A8F - #CCA19E - #FFCEA7

CSS codes

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

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