#B8BCA8 - #FFFAB9 | 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 #B8BCA8 to #FFFAB9

#B8BCA8 #FFFAB9

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

#B8BCA8 - #FFFAB9 | 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 #B8BCA8 as 0% and #FFFAB9 as 100%.

0.0%	0.0% #B8BCA8	RGB 184 188 168	#B8BCA8
16.7%	16.7% #C3C6AA	RGB 195 198 170	#C3C6AA
33.3%	33.3% #CFD0AD	RGB 207 208 173	#CFD0AD
50.0%	50.0% #DBDBB0	RGB 219 219 176	#DBDBB0
66.7%	66.7% #E7E5B3	RGB 231 229 179	#E7E5B3
83.3%	83.3% #F3EFB6	RGB 243 239 182	#F3EFB6
100.0%	100.0% #FFFAB9	RGB 255 250 185	#FFFAB9

#B8BCA8 #C3C6AA #CFD0AD #DBDBB0 #E7E5B3 #F3EFB6 #FFFAB9

#B8BCA8 - #FFFAB9

HSV Blend

#B8BCA8 - #FFFAB9 | 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 #B8BCA8 as 0% and #FFFAB9 as 100%.

0.0%	0.0% #B8BCA8	RGB 184 188 168	#B8BCA8
16.7%	16.7% #C3C7AC	RGB 195 199 172	#C3C7AC
33.3%	33.3% #CED2B0	RGB 206 210 176	#CED2B0
50.0%	50.0% #DADDB3	RGB 218 221 179	#DADDB3
66.7%	66.7% #E7E8B5	RGB 231 232 181	#E7E8B5
83.3%	83.3% #F3F2B7	RGB 243 242 183	#F3F2B7
100.0%	100.0% #FFFAB9	RGB 255 250 185	#FFFAB9

#B8BCA8 #C3C7AC #CED2B0 #DADDB3 #E7E8B5 #F3F2B7 #FFFAB9

#B8BCA8 - #DADDB3 - #FFFAB9

CSS codes

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

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