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

#BA9FAA #FFDEC0

Calculate the color between two colors, #BA9FAA 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)

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

0.0%	0.0% #BA9FAA	RGB 186 159 170	#BA9FAA
16.7%	16.7% #C5A9AD	RGB 197 169 173	#C5A9AD
33.3%	33.3% #D1B4B1	RGB 209 180 177	#D1B4B1
50.0%	50.0% #DCBEB5	RGB 220 190 181	#DCBEB5
66.7%	66.7% #E8C9B8	RGB 232 201 184	#E8C9B8
83.3%	83.3% #F3D3BC	RGB 243 211 188	#F3D3BC
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#BA9FAA #C5A9AD #D1B4B1 #DCBEB5 #E8C9B8 #F3D3BC #FFDEC0

#BA9FAA - #FFDEC0

HSV Blend

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

0.0%	0.0% #BA9FAA	RGB 186 159 170	#BA9FAA
16.7%	16.7% #C5A5AD	RGB 197 165 173	#C5A5AD
33.3%	33.3% #D1ABAF	RGB 209 171 175	#D1ABAF
50.0%	50.0% #DCB2B1	RGB 220 178 177	#DCB2B1
66.7%	66.7% #E8BFB6	RGB 232 191 182	#E8BFB6
83.3%	83.3% #F3CDBB	RGB 243 205 187	#F3CDBB
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#BA9FAA #C5A5AD #D1ABAF #DCB2B1 #E8BFB6 #F3CDBB #FFDEC0

#BA9FAA - #DCB2B1 - #FFDEC0

CSS codes

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

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