#E6D2E5 - #BA81B5 | 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 #E6D2E5 to #BA81B5

#E6D2E5 #BA81B5

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

#E6D2E5 - #BA81B5 | 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 #E6D2E5 as 0% and #BA81B5 as 100%.

0.0%	0.0% #E6D2E5	RGB 230 210 229	#E6D2E5
16.7%	16.7% #DEC4DD	RGB 222 196 221	#DEC4DD
33.3%	33.3% #D7B7D5	RGB 215 183 213	#D7B7D5
50.0%	50.0% #D0A9CD	RGB 208 169 205	#D0A9CD
66.7%	66.7% #C89CC5	RGB 200 156 197	#C89CC5
83.3%	83.3% #C18EBD	RGB 193 142 189	#C18EBD
100.0%	100.0% #BA81B5	RGB 186 129 181	#BA81B5

#E6D2E5 #DEC4DD #D7B7D5 #D0A9CD #C89CC5 #C18EBD #BA81B5

#E6D2E5 - #BA81B5

HSV Blend

#E6D2E5 - #BA81B5 | 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 #E6D2E5 as 0% and #BA81B5 as 100%.

0.0%	0.0% #E6D2E5	RGB 230 210 229	#E6D2E5
16.7%	16.7% #DEC3DD	RGB 222 195 221	#DEC3DD
33.3%	33.3% #D7B4D5	RGB 215 180 213	#D7B4D5
50.0%	50.0% #D0A7CD	RGB 208 167 205	#D0A7CD
66.7%	66.7% #C899C5	RGB 200 153 197	#C899C5
83.3%	83.3% #C18DBD	RGB 193 141 189	#C18DBD
100.0%	100.0% #BA81B5	RGB 186 129 181	#BA81B5

#E6D2E5 #DEC3DD #D7B4D5 #D0A7CD #C899C5 #C18DBD #BA81B5

#E6D2E5 - #D0A7CD - #BA81B5

CSS codes

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

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