#9F9292 - #FFD7B3 | 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 #9F9292 to #FFD7B3

#9F9292 #FFD7B3

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

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

0.0%	0.0% #9F9292	RGB 159 146 146	#9F9292
16.7%	16.7% #AF9D97	RGB 175 157 151	#AF9D97
33.3%	33.3% #BFA99D	RGB 191 169 157	#BFA99D
50.0%	50.0% #CFB4A2	RGB 207 180 162	#CFB4A2
66.7%	66.7% #DFC0A8	RGB 223 192 168	#DFC0A8
83.3%	83.3% #EFCBAD	RGB 239 203 173	#EFCBAD
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#9F9292 #AF9D97 #BFA99D #CFB4A2 #DFC0A8 #EFCBAD #FFD7B3

#9F9292 - #FFD7B3

HSV Blend

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

0.0%	0.0% #9F9292	RGB 159 146 146	#9F9292
16.7%	16.7% #AF9C9A	RGB 175 156 154	#AF9C9A
33.3%	33.3% #BFA6A1	RGB 191 166 161	#BFA6A1
50.0%	50.0% #CFB1A7	RGB 207 177 167	#CFB1A7
66.7%	66.7% #DFBCAC	RGB 223 188 172	#DFBCAC
83.3%	83.3% #EFC9B0	RGB 239 201 176	#EFC9B0
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#9F9292 #AF9C9A #BFA6A1 #CFB1A7 #DFBCAC #EFC9B0 #FFD7B3

#9F9292 - #CFB1A7 - #FFD7B3

CSS codes

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

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