#E3C7E6 - #B070AD | 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 #E3C7E6 to #B070AD

#E3C7E6 #B070AD

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

#E3C7E6 - #B070AD | 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 #E3C7E6 as 0% and #B070AD as 100%.

0.0%	0.0% #E3C7E6	RGB 227 199 230	#E3C7E6
16.7%	16.7% #DAB8DC	RGB 218 184 220	#DAB8DC
33.3%	33.3% #D2AAD3	RGB 210 170 211	#D2AAD3
50.0%	50.0% #C99BC9	RGB 201 155 201	#C99BC9
66.7%	66.7% #C18DC0	RGB 193 141 192	#C18DC0
83.3%	83.3% #B87EB6	RGB 184 126 182	#B87EB6
100.0%	100.0% #B070AD	RGB 176 112 173	#B070AD

#E3C7E6 #DAB8DC #D2AAD3 #C99BC9 #C18DC0 #B87EB6 #B070AD

#E3C7E6 - #B070AD

HSV Blend

#E3C7E6 - #B070AD | 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 #E3C7E6 as 0% and #B070AD as 100%.

0.0%	0.0% #E3C7E6	RGB 227 199 230	#E3C7E6
16.7%	16.7% #DAB6DD	RGB 218 182 221	#DAB6DD
33.3%	33.3% #D1A7D4	RGB 209 167 212	#D1A7D4
50.0%	50.0% #C998CB	RGB 201 152 203	#C998CB
66.7%	66.7% #C18AC2	RGB 193 138 194	#C18AC2
83.3%	83.3% #B97CB7	RGB 185 124 183	#B97CB7
100.0%	100.0% #B070AD	RGB 176 112 173	#B070AD

#E3C7E6 #DAB6DD #D1A7D4 #C998CB #C18AC2 #B97CB7 #B070AD

#E3C7E6 - #C998CB - #B070AD

CSS codes

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

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