#9F9F9F - #FFDEBD | 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 #9F9F9F to #FFDEBD

#9F9F9F #FFDEBD

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

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

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #AFA9A4	RGB 175 169 164	#AFA9A4
33.3%	33.3% #BFB4A9	RGB 191 180 169	#BFB4A9
50.0%	50.0% #CFBEAE	RGB 207 190 174	#CFBEAE
66.7%	66.7% #DFC9B3	RGB 223 201 179	#DFC9B3
83.3%	83.3% #EFD3B8	RGB 239 211 184	#EFD3B8
100.0%	100.0% #FFDEBD	RGB 255 222 189	#FFDEBD

#9F9F9F #AFA9A4 #BFB4A9 #CFBEAE #DFC9B3 #EFD3B8 #FFDEBD

#9F9F9F - #FFDEBD

HSV Blend

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

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #AFA8A7	RGB 175 168 167	#AFA8A7
33.3%	33.3% #BFB1AE	RGB 191 177 174	#BFB1AE
50.0%	50.0% #CFBAB4	RGB 207 186 180	#CFBAB4
66.7%	66.7% #DFC5B8	RGB 223 197 184	#DFC5B8
83.3%	83.3% #EFD0BB	RGB 239 208 187	#EFD0BB
100.0%	100.0% #FFDEBD	RGB 255 222 189	#FFDEBD

#9F9F9F #AFA8A7 #BFB1AE #CFBAB4 #DFC5B8 #EFD0BB #FFDEBD

#9F9F9F - #CFBAB4 - #FFDEBD

CSS codes

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

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