#F4E5E4 - #BDA68F | 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 #F4E5E4 to #BDA68F

#F4E5E4 #BDA68F

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

#F4E5E4 - #BDA68F | 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 #F4E5E4 as 0% and #BDA68F as 100%.

0.0%	0.0% #F4E5E4	RGB 244 229 228	#F4E5E4
16.7%	16.7% #EADAD5	RGB 234 218 213	#EADAD5
33.3%	33.3% #E1D0C7	RGB 225 208 199	#E1D0C7
50.0%	50.0% #D8C5B9	RGB 216 197 185	#D8C5B9
66.7%	66.7% #CFBBAB	RGB 207 187 171	#CFBBAB
83.3%	83.3% #C6B09D	RGB 198 176 157	#C6B09D
100.0%	100.0% #BDA68F	RGB 189 166 143	#BDA68F

#F4E5E4 #EADAD5 #E1D0C7 #D8C5B9 #CFBBAB #C6B09D #BDA68F

#F4E5E4 - #BDA68F

HSV Blend

#F4E5E4 - #BDA68F | 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 #F4E5E4 as 0% and #BDA68F as 100%.

0.0%	0.0% #F4E5E4	RGB 244 229 228	#F4E5E4
16.7%	16.7% #EAD7D4	RGB 234 215 212	#EAD7D4
33.3%	33.3% #E1CBC5	RGB 225 203 197	#E1CBC5
50.0%	50.0% #D8C0B7	RGB 216 192 183	#D8C0B7
66.7%	66.7% #CFB6A9	RGB 207 182 169	#CFB6A9
83.3%	83.3% #C6AD9B	RGB 198 173 155	#C6AD9B
100.0%	100.0% #BDA68F	RGB 189 166 143	#BDA68F

#F4E5E4 #EAD7D4 #E1CBC5 #D8C0B7 #CFB6A9 #C6AD9B #BDA68F

#F4E5E4 - #D8C0B7 - #BDA68F

CSS codes

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

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