#9C9C7B - #FFD491 | 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 #9C9C7B to #FFD491

#9C9C7B #FFD491

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

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

0.0%	0.0% #9C9C7B	RGB 156 156 123	#9C9C7B
16.7%	16.7% #ACA57E	RGB 172 165 126	#ACA57E
33.3%	33.3% #BDAE82	RGB 189 174 130	#BDAE82
50.0%	50.0% #CDB886	RGB 205 184 134	#CDB886
66.7%	66.7% #DEC189	RGB 222 193 137	#DEC189
83.3%	83.3% #EECA8D	RGB 238 202 141	#EECA8D
100.0%	100.0% #FFD491	RGB 255 212 145	#FFD491

#9C9C7B #ACA57E #BDAE82 #CDB886 #DEC189 #EECA8D #FFD491

#9C9C7B - #FFD491

HSV Blend

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

0.0%	0.0% #9C9C7B	RGB 156 156 123	#9C9C7B
16.7%	16.7% #ACA981	RGB 172 169 129	#ACA981
33.3%	33.3% #BDB587	RGB 189 181 135	#BDB587
50.0%	50.0% #CDC08B	RGB 205 192 139	#CDC08B
66.7%	66.7% #DEC98E	RGB 222 201 142	#DEC98E
83.3%	83.3% #EECF90	RGB 238 207 144	#EECF90
100.0%	100.0% #FFD491	RGB 255 212 145	#FFD491

#9C9C7B #ACA981 #BDB587 #CDC08B #DEC98E #EECF90 #FFD491

#9C9C7B - #CDC08B - #FFD491

CSS codes

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

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