#9F9F75 - #FFD68C | 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 #9F9F75 to #FFD68C

#9F9F75 #FFD68C

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

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

0.0%	0.0% #9F9F75	RGB 159 159 117	#9F9F75
16.7%	16.7% #AFA878	RGB 175 168 120	#AFA878
33.3%	33.3% #BFB17C	RGB 191 177 124	#BFB17C
50.0%	50.0% #CFBA80	RGB 207 186 128	#CFBA80
66.7%	66.7% #DFC384	RGB 223 195 132	#DFC384
83.3%	83.3% #EFCC88	RGB 239 204 136	#EFCC88
100.0%	100.0% #FFD68C	RGB 255 214 140	#FFD68C

#9F9F75 #AFA878 #BFB17C #CFBA80 #DFC384 #EFCC88 #FFD68C

#9F9F75 - #FFD68C

HSV Blend

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

0.0%	0.0% #9F9F75	RGB 159 159 117	#9F9F75
16.7%	16.7% #AFAB7B	RGB 175 171 123	#AFAB7B
33.3%	33.3% #BFB780	RGB 191 183 128	#BFB780
50.0%	50.0% #CFC184	RGB 207 193 132	#CFC184
66.7%	66.7% #DFCA88	RGB 223 202 136	#DFCA88
83.3%	83.3% #EFD18A	RGB 239 209 138	#EFD18A
100.0%	100.0% #FFD68C	RGB 255 214 140	#FFD68C

#9F9F75 #AFAB7B #BFB780 #CFC184 #DFCA88 #EFD18A #FFD68C

#9F9F75 - #CFC184 - #FFD68C

CSS codes

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

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