#9F9F78 - #FFD68F | 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 #9F9F78 to #FFD68F

#9F9F78 #FFD68F

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

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

0.0%	0.0% #9F9F78	RGB 159 159 120	#9F9F78
16.7%	16.7% #AFA87B	RGB 175 168 123	#AFA87B
33.3%	33.3% #BFB17F	RGB 191 177 127	#BFB17F
50.0%	50.0% #CFBA83	RGB 207 186 131	#CFBA83
66.7%	66.7% #DFC387	RGB 223 195 135	#DFC387
83.3%	83.3% #EFCC8B	RGB 239 204 139	#EFCC8B
100.0%	100.0% #FFD68F	RGB 255 214 143	#FFD68F

#9F9F78 #AFA87B #BFB17F #CFBA83 #DFC387 #EFCC8B #FFD68F

#9F9F78 - #FFD68F

HSV Blend

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

0.0%	0.0% #9F9F78	RGB 159 159 120	#9F9F78
16.7%	16.7% #AFAC7E	RGB 175 172 126	#AFAC7E
33.3%	33.3% #BFB783	RGB 191 183 131	#BFB783
50.0%	50.0% #CFC288	RGB 207 194 136	#CFC288
66.7%	66.7% #DFCA8B	RGB 223 202 139	#DFCA8B
83.3%	83.3% #EFD18D	RGB 239 209 141	#EFD18D
100.0%	100.0% #FFD68F	RGB 255 214 143	#FFD68F

#9F9F78 #AFAC7E #BFB783 #CFC288 #DFCA8B #EFD18D #FFD68F

#9F9F78 - #CFC288 - #FFD68F

CSS codes

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

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