#B8AF9C - #FFE2B3 | 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 #B8AF9C to #FFE2B3

#B8AF9C #FFE2B3

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

#B8AF9C - #FFE2B3 | 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 #B8AF9C as 0% and #FFE2B3 as 100%.

0.0%	0.0% #B8AF9C	RGB 184 175 156	#B8AF9C
16.7%	16.7% #C3B79F	RGB 195 183 159	#C3B79F
33.3%	33.3% #CFC0A3	RGB 207 192 163	#CFC0A3
50.0%	50.0% #DBC8A7	RGB 219 200 167	#DBC8A7
66.7%	66.7% #E7D1AB	RGB 231 209 171	#E7D1AB
83.3%	83.3% #F3D9AF	RGB 243 217 175	#F3D9AF
100.0%	100.0% #FFE2B3	RGB 255 226 179	#FFE2B3

#B8AF9C #C3B79F #CFC0A3 #DBC8A7 #E7D1AB #F3D9AF #FFE2B3

#B8AF9C - #FFE2B3

HSV Blend

#B8AF9C - #FFE2B3 | 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 #B8AF9C as 0% and #FFE2B3 as 100%.

0.0%	0.0% #B8AF9C	RGB 184 175 156	#B8AF9C
16.7%	16.7% #C3B8A1	RGB 195 184 161	#C3B8A1
33.3%	33.3% #CFC1A5	RGB 207 193 165	#CFC1A5
50.0%	50.0% #DBCAAA	RGB 219 202 170	#DBCAAA
66.7%	66.7% #E7D2AD	RGB 231 210 173	#E7D2AD
83.3%	83.3% #F3DAB0	RGB 243 218 176	#F3DAB0
100.0%	100.0% #FFE2B3	RGB 255 226 179	#FFE2B3

#B8AF9C #C3B8A1 #CFC1A5 #DBCAAA #E7D2AD #F3DAB0 #FFE2B3

#B8AF9C - #DBCAAA - #FFE2B3

CSS codes

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

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