#B9A97C - #FFDD97 | 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 #B9A97C to #FFDD97

#B9A97C #FFDD97

Calculate the color between two colors, #B9A97C and #FFDD97. 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)

#B9A97C - #FFDD97 | 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 #B9A97C as 0% and #FFDD97 as 100%.

0.0%	0.0% #B9A97C	RGB 185 169 124	#B9A97C
16.7%	16.7% #C4B180	RGB 196 177 128	#C4B180
33.3%	33.3% #D0BA85	RGB 208 186 133	#D0BA85
50.0%	50.0% #DCC389	RGB 220 195 137	#DCC389
66.7%	66.7% #E7CB8E	RGB 231 203 142	#E7CB8E
83.3%	83.3% #F3D492	RGB 243 212 146	#F3D492
100.0%	100.0% #FFDD97	RGB 255 221 151	#FFDD97

#B9A97C #C4B180 #D0BA85 #DCC389 #E7CB8E #F3D492 #FFDD97

#B9A97C - #FFDD97

HSV Blend

#B9A97C - #FFDD97 | 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 #B9A97C as 0% and #FFDD97 as 100%.

0.0%	0.0% #B9A97C	RGB 185 169 124	#B9A97C
16.7%	16.7% #C4B281	RGB 196 178 129	#C4B281
33.3%	33.3% #D0BB86	RGB 208 187 134	#D0BB86
50.0%	50.0% #DCC48A	RGB 220 196 138	#DCC48A
66.7%	66.7% #E7CC8F	RGB 231 204 143	#E7CC8F
83.3%	83.3% #F3D493	RGB 243 212 147	#F3D493
100.0%	100.0% #FFDD97	RGB 255 221 151	#FFDD97

#B9A97C #C4B281 #D0BB86 #DCC48A #E7CC8F #F3D493 #FFDD97

#B9A97C - #DCC48A - #FFDD97

CSS codes

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

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