#B2A8C3 - #FFDEC0 | 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 #B2A8C3 to #FFDEC0

#B2A8C3 #FFDEC0

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

#B2A8C3 - #FFDEC0 | 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 #B2A8C3 as 0% and #FFDEC0 as 100%.

0.0%	0.0% #B2A8C3	RGB 178 168 195	#B2A8C3
16.7%	16.7% #BEB1C2	RGB 190 177 194	#BEB1C2
33.3%	33.3% #CBBAC2	RGB 203 186 194	#CBBAC2
50.0%	50.0% #D8C3C1	RGB 216 195 193	#D8C3C1
66.7%	66.7% #E5CCC1	RGB 229 204 193	#E5CCC1
83.3%	83.3% #F2D5C0	RGB 242 213 192	#F2D5C0
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#B2A8C3 #BEB1C2 #CBBAC2 #D8C3C1 #E5CCC1 #F2D5C0 #FFDEC0

#B2A8C3 - #FFDEC0

HSV Blend

#B2A8C3 - #FFDEC0 | 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 #B2A8C3 as 0% and #FFDEC0 as 100%.

0.0%	0.0% #B2A8C3	RGB 178 168 195	#B2A8C3
16.7%	16.7% #C4ACCD	RGB 196 172 205	#C4ACCD
33.3%	33.3% #D7B1D4	RGB 215 177 212	#D7B1D4
50.0%	50.0% #E1B5CE	RGB 225 181 206	#E1B5CE
66.7%	66.7% #EBB9C4	RGB 235 185 196	#EBB9C4
83.3%	83.3% #F5C3BC	RGB 245 195 188	#F5C3BC
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#B2A8C3 #C4ACCD #D7B1D4 #E1B5CE #EBB9C4 #F5C3BC #FFDEC0

#B2A8C3 - #E1B5CE - #FFDEC0

CSS codes

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

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