#BAAEB0 - #FFE3C0 | 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 #BAAEB0 to #FFE3C0

#BAAEB0 #FFE3C0

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

#BAAEB0 - #FFE3C0 | 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 #BAAEB0 as 0% and #FFE3C0 as 100%.

0.0%	0.0% #BAAEB0	RGB 186 174 176	#BAAEB0
16.7%	16.7% #C5B6B2	RGB 197 182 178	#C5B6B2
33.3%	33.3% #D1BFB5	RGB 209 191 181	#D1BFB5
50.0%	50.0% #DCC8B8	RGB 220 200 184	#DCC8B8
66.7%	66.7% #E8D1BA	RGB 232 209 186	#E8D1BA
83.3%	83.3% #F3DABD	RGB 243 218 189	#F3DABD
100.0%	100.0% #FFE3C0	RGB 255 227 192	#FFE3C0

#BAAEB0 #C5B6B2 #D1BFB5 #DCC8B8 #E8D1BA #F3DABD #FFE3C0

#BAAEB0 - #FFE3C0

HSV Blend

#BAAEB0 - #FFE3C0 | 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 #BAAEB0 as 0% and #FFE3C0 as 100%.

0.0%	0.0% #BAAEB0	RGB 186 174 176	#BAAEB0
16.7%	16.7% #C5B2B3	RGB 197 178 179	#C5B2B3
33.3%	33.3% #D1B8B6	RGB 209 184 182	#D1B8B6
50.0%	50.0% #DCC0BA	RGB 220 192 186	#DCC0BA
66.7%	66.7% #E8CABC	RGB 232 202 188	#E8CABC
83.3%	83.3% #F3D5BE	RGB 243 213 190	#F3D5BE
100.0%	100.0% #FFE3C0	RGB 255 227 192	#FFE3C0

#BAAEB0 #C5B2B3 #D1B8B6 #DCC0BA #E8CABC #F3D5BE #FFE3C0

#BAAEB0 - #DCC0BA - #FFE3C0

CSS codes

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

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