#B9A37C - #FFDB98 | 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 #B9A37C to #FFDB98

#B9A37C #FFDB98

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

#B9A37C - #FFDB98 | 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 #B9A37C as 0% and #FFDB98 as 100%.

0.0%	0.0% #B9A37C	RGB 185 163 124	#B9A37C
16.7%	16.7% #C4AC80	RGB 196 172 128	#C4AC80
33.3%	33.3% #D0B585	RGB 208 181 133	#D0B585
50.0%	50.0% #DCBF8A	RGB 220 191 138	#DCBF8A
66.7%	66.7% #E7C88E	RGB 231 200 142	#E7C88E
83.3%	83.3% #F3D193	RGB 243 209 147	#F3D193
100.0%	100.0% #FFDB98	RGB 255 219 152	#FFDB98

#B9A37C #C4AC80 #D0B585 #DCBF8A #E7C88E #F3D193 #FFDB98

#B9A37C - #FFDB98

HSV Blend

#B9A37C - #FFDB98 | 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 #B9A37C as 0% and #FFDB98 as 100%.

0.0%	0.0% #B9A37C	RGB 185 163 124	#B9A37C
16.7%	16.7% #C4AC81	RGB 196 172 129	#C4AC81
33.3%	33.3% #D0B586	RGB 208 181 134	#D0B586
50.0%	50.0% #DCBF8B	RGB 220 191 139	#DCBF8B
66.7%	66.7% #E7C88F	RGB 231 200 143	#E7C88F
83.3%	83.3% #F3D194	RGB 243 209 148	#F3D194
100.0%	100.0% #FFDB98	RGB 255 219 152	#FFDB98

#B9A37C #C4AC81 #D0B586 #DCBF8B #E7C88F #F3D194 #FFDB98

#B9A37C - #DCBF8B - #FFDB98

CSS codes

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

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