#9F9080 - #FFD19C | 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 #9F9080 to #FFD19C

#9F9080 #FFD19C

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

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

0.0%	0.0% #9F9080	RGB 159 144 128	#9F9080
16.7%	16.7% #AF9A84	RGB 175 154 132	#AF9A84
33.3%	33.3% #BFA589	RGB 191 165 137	#BFA589
50.0%	50.0% #CFB08E	RGB 207 176 142	#CFB08E
66.7%	66.7% #DFBB92	RGB 223 187 146	#DFBB92
83.3%	83.3% #EFC697	RGB 239 198 151	#EFC697
100.0%	100.0% #FFD19C	RGB 255 209 156	#FFD19C

#9F9080 #AF9A84 #BFA589 #CFB08E #DFBB92 #EFC697 #FFD19C

#9F9080 - #FFD19C

HSV Blend

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

0.0%	0.0% #9F9080	RGB 159 144 128	#9F9080
16.7%	16.7% #AF9B87	RGB 175 155 135	#AF9B87
33.3%	33.3% #BFA78D	RGB 191 167 141	#BFA78D
50.0%	50.0% #CFB292	RGB 207 178 146	#CFB292
66.7%	66.7% #DFBC96	RGB 223 188 150	#DFBC96
83.3%	83.3% #EFC799	RGB 239 199 153	#EFC799
100.0%	100.0% #FFD19C	RGB 255 209 156	#FFD19C

#9F9080 #AF9B87 #BFA78D #CFB292 #DFBC96 #EFC799 #FFD19C

#9F9080 - #CFB292 - #FFD19C

CSS codes

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

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