#B9A49C - #FDFFB9 | 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 #B9A49C to #FDFFB9

#B9A49C #FDFFB9

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

#B9A49C - #FDFFB9 | 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 #B9A49C as 0% and #FDFFB9 as 100%.

0.0%	0.0% #B9A49C	RGB 185 164 156	#B9A49C
16.7%	16.7% #C4B3A0	RGB 196 179 160	#C4B3A0
33.3%	33.3% #CFC2A5	RGB 207 194 165	#CFC2A5
50.0%	50.0% #DBD1AA	RGB 219 209 170	#DBD1AA
66.7%	66.7% #E6E0AF	RGB 230 224 175	#E6E0AF
83.3%	83.3% #F1EFB4	RGB 241 239 180	#F1EFB4
100.0%	100.0% #FDFFB9	RGB 253 255 185	#FDFFB9

#B9A49C #C4B3A0 #CFC2A5 #DBD1AA #E6E0AF #F1EFB4 #FDFFB9

#B9A49C - #FDFFB9

HSV Blend

#B9A49C - #FDFFB9 | 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 #B9A49C as 0% and #FDFFB9 as 100%.

0.0%	0.0% #B9A49C	RGB 185 164 156	#B9A49C
16.7%	16.7% #C4AFA1	RGB 196 175 161	#C4AFA1
33.3%	33.3% #D0BDA7	RGB 208 189 167	#D0BDA7
50.0%	50.0% #DCCBAC	RGB 220 203 172	#DCCBAC
66.7%	66.7% #E7DBB1	RGB 231 219 177	#E7DBB1
83.3%	83.3% #F3EDB5	RGB 243 237 181	#F3EDB5
100.0%	100.0% #FDFFB9	RGB 253 255 185	#FDFFB9

#B9A49C #C4AFA1 #D0BDA7 #DCCBAC #E7DBB1 #F3EDB5 #FDFFB9

#B9A49C - #DCCBAC - #FDFFB9

CSS codes

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

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