#E2C2E5 - #AF6BAC | 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 #E2C2E5 to #AF6BAC

#E2C2E5 #AF6BAC

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

#E2C2E5 - #AF6BAC | 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 #E2C2E5 as 0% and #AF6BAC as 100%.

0.0%	0.0% #E2C2E5	RGB 226 194 229	#E2C2E5
16.7%	16.7% #D9B3DB	RGB 217 179 219	#D9B3DB
33.3%	33.3% #D1A5D2	RGB 209 165 210	#D1A5D2
50.0%	50.0% #C896C8	RGB 200 150 200	#C896C8
66.7%	66.7% #C088BF	RGB 192 136 191	#C088BF
83.3%	83.3% #B779B5	RGB 183 121 181	#B779B5
100.0%	100.0% #AF6BAC	RGB 175 107 172	#AF6BAC

#E2C2E5 #D9B3DB #D1A5D2 #C896C8 #C088BF #B779B5 #AF6BAC

#E2C2E5 - #AF6BAC

HSV Blend

#E2C2E5 - #AF6BAC | 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 #E2C2E5 as 0% and #AF6BAC as 100%.

0.0%	0.0% #E2C2E5	RGB 226 194 229	#E2C2E5
16.7%	16.7% #D9B1DC	RGB 217 177 220	#D9B1DC
33.3%	33.3% #D0A2D3	RGB 208 162 211	#D0A2D3
50.0%	50.0% #C893CA	RGB 200 147 202	#C893CA
66.7%	66.7% #C185C0	RGB 193 133 192	#C185C0
83.3%	83.3% #B877B6	RGB 184 119 182	#B877B6
100.0%	100.0% #AF6BAC	RGB 175 107 172	#AF6BAC

#E2C2E5 #D9B1DC #D0A2D3 #C893CA #C185C0 #B877B6 #AF6BAC

#E2C2E5 - #C893CA - #AF6BAC

CSS codes

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

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