#E7D8EB - #B080AC | 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 #E7D8EB to #B080AC

#E7D8EB #B080AC

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

#E7D8EB - #B080AC | 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 #E7D8EB as 0% and #B080AC as 100%.

0.0%	0.0% #E7D8EB	RGB 231 216 235	#E7D8EB
16.7%	16.7% #DDC9E0	RGB 221 201 224	#DDC9E0
33.3%	33.3% #D4BAD6	RGB 212 186 214	#D4BAD6
50.0%	50.0% #CBACCB	RGB 203 172 203	#CBACCB
66.7%	66.7% #C29DC1	RGB 194 157 193	#C29DC1
83.3%	83.3% #B98EB6	RGB 185 142 182	#B98EB6
100.0%	100.0% #B080AC	RGB 176 128 172	#B080AC

#E7D8EB #DDC9E0 #D4BAD6 #CBACCB #C29DC1 #B98EB6 #B080AC

#E7D8EB - #B080AC

HSV Blend

#E7D8EB - #B080AC | 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 #E7D8EB as 0% and #B080AC as 100%.

0.0%	0.0% #E7D8EB	RGB 231 216 235	#E7D8EB
16.7%	16.7% #DDC7E1	RGB 221 199 225	#DDC7E1
33.3%	33.3% #D3B8D7	RGB 211 184 215	#D3B8D7
50.0%	50.0% #CBA9CD	RGB 203 169 205	#CBA9CD
66.7%	66.7% #C39AC3	RGB 195 154 195	#C39AC3
83.3%	83.3% #B98DB8	RGB 185 141 184	#B98DB8
100.0%	100.0% #B080AC	RGB 176 128 172	#B080AC

#E7D8EB #DDC7E1 #D3B8D7 #CBA9CD #C39AC3 #B98DB8 #B080AC

#E7D8EB - #CBA9CD - #B080AC

CSS codes

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

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