#BDA3C0 - #EAB7FF | 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 #BDA3C0 to #EAB7FF

#BDA3C0 #EAB7FF

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

#BDA3C0 - #EAB7FF | 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 #BDA3C0 as 0% and #EAB7FF as 100%.

0.0%	0.0% #BDA3C0	RGB 189 163 192	#BDA3C0
16.7%	16.7% #C4A6CA	RGB 196 166 202	#C4A6CA
33.3%	33.3% #CCA9D5	RGB 204 169 213	#CCA9D5
50.0%	50.0% #D3ADDF	RGB 211 173 223	#D3ADDF
66.7%	66.7% #DBB0EA	RGB 219 176 234	#DBB0EA
83.3%	83.3% #E2B3F4	RGB 226 179 244	#E2B3F4
100.0%	100.0% #EAB7FF	RGB 234 183 255	#EAB7FF

#BDA3C0 #C4A6CA #CCA9D5 #D3ADDF #DBB0EA #E2B3F4 #EAB7FF

#BDA3C0 - #EAB7FF

HSV Blend

#BDA3C0 - #EAB7FF | 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 #BDA3C0 as 0% and #EAB7FF as 100%.

0.0%	0.0% #BDA3C0	RGB 189 163 192	#BDA3C0
16.7%	16.7% #C5A7CA	RGB 197 167 202	#C5A7CA
33.3%	33.3% #CEABD5	RGB 206 171 213	#CEABD5
50.0%	50.0% #D5AFDF	RGB 213 175 223	#D5AFDF
66.7%	66.7% #DDB2EA	RGB 221 178 234	#DDB2EA
83.3%	83.3% #E3B4F4	RGB 227 180 244	#E3B4F4
100.0%	100.0% #EAB7FF	RGB 234 183 255	#EAB7FF

#BDA3C0 #C5A7CA #CEABD5 #D5AFDF #DDB2EA #E3B4F4 #EAB7FF

#BDA3C0 - #D5AFDF - #EAB7FF

CSS codes

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

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