#B8ACA6 - #FFE4C0 | 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 #B8ACA6 to #FFE4C0

#B8ACA6 #FFE4C0

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

#B8ACA6 - #FFE4C0 | 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 #B8ACA6 as 0% and #FFE4C0 as 100%.

0.0%	0.0% #B8ACA6	RGB 184 172 166	#B8ACA6
16.7%	16.7% #C3B5AA	RGB 195 181 170	#C3B5AA
33.3%	33.3% #CFBEAE	RGB 207 190 174	#CFBEAE
50.0%	50.0% #DBC8B3	RGB 219 200 179	#DBC8B3
66.7%	66.7% #E7D1B7	RGB 231 209 183	#E7D1B7
83.3%	83.3% #F3DABB	RGB 243 218 187	#F3DABB
100.0%	100.0% #FFE4C0	RGB 255 228 192	#FFE4C0

#B8ACA6 #C3B5AA #CFBEAE #DBC8B3 #E7D1B7 #F3DABB #FFE4C0

#B8ACA6 - #FFE4C0

HSV Blend

#B8ACA6 - #FFE4C0 | 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 #B8ACA6 as 0% and #FFE4C0 as 100%.

0.0%	0.0% #B8ACA6	RGB 184 172 166	#B8ACA6
16.7%	16.7% #C3B4AB	RGB 195 180 171	#C3B4AB
33.3%	33.3% #CFBDB1	RGB 207 189 177	#CFBDB1
50.0%	50.0% #DBC6B5	RGB 219 198 181	#DBC6B5
66.7%	66.7% #E7D0B9	RGB 231 208 185	#E7D0B9
83.3%	83.3% #F3D9BD	RGB 243 217 189	#F3D9BD
100.0%	100.0% #FFE4C0	RGB 255 228 192	#FFE4C0

#B8ACA6 #C3B4AB #CFBDB1 #DBC6B5 #E7D0B9 #F3D9BD #FFE4C0

#B8ACA6 - #DBC6B5 - #FFE4C0

CSS codes

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

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