#FFFBCF - #D4BA6B | 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 #FFFBCF to #D4BA6B

#FFFBCF #D4BA6B

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

#FFFBCF - #D4BA6B | 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 #FFFBCF as 0% and #D4BA6B as 100%.

0.0%	0.0% #FFFBCF	RGB 255 251 207	#FFFBCF
16.7%	16.7% #F7F0BE	RGB 247 240 190	#F7F0BE
33.3%	33.3% #F0E5AD	RGB 240 229 173	#F0E5AD
50.0%	50.0% #E9DA9D	RGB 233 218 157	#E9DA9D
66.7%	66.7% #E2CF8C	RGB 226 207 140	#E2CF8C
83.3%	83.3% #DBC47B	RGB 219 196 123	#DBC47B
100.0%	100.0% #D4BA6B	RGB 212 186 107	#D4BA6B

#FFFBCF #F7F0BE #F0E5AD #E9DA9D #E2CF8C #DBC47B #D4BA6B

#FFFBCF - #D4BA6B

HSV Blend

#FFFBCF - #D4BA6B | 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 #FFFBCF as 0% and #D4BA6B as 100%.

0.0%	0.0% #FFFBCF	RGB 255 251 207	#FFFBCF
16.7%	16.7% #F7F1BC	RGB 247 241 188	#F7F1BC
33.3%	33.3% #F0E7AA	RGB 240 231 170	#F0E7AA
50.0%	50.0% #E9DC99	RGB 233 220 153	#E9DC99
66.7%	66.7% #E2D189	RGB 226 209 137	#E2D189
83.3%	83.3% #DBC579	RGB 219 197 121	#DBC579
100.0%	100.0% #D4BA6B	RGB 212 186 107	#D4BA6B

#FFFBCF #F7F1BC #F0E7AA #E9DC99 #E2D189 #DBC579 #D4BA6B

#FFFBCF - #E9DC99 - #D4BA6B

CSS codes

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

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