#E2B5D3 - #AE6198 | 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 #E2B5D3 to #AE6198

#E2B5D3 #AE6198

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

#E2B5D3 - #AE6198 | 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 #E2B5D3 as 0% and #AE6198 as 100%.

0.0%	0.0% #E2B5D3	RGB 226 181 211	#E2B5D3
16.7%	16.7% #D9A7C9	RGB 217 167 201	#D9A7C9
33.3%	33.3% #D099BF	RGB 208 153 191	#D099BF
50.0%	50.0% #C88BB5	RGB 200 139 181	#C88BB5
66.7%	66.7% #BF7DAB	RGB 191 125 171	#BF7DAB
83.3%	83.3% #B66FA1	RGB 182 111 161	#B66FA1
100.0%	100.0% #AE6198	RGB 174 97 152	#AE6198

#E2B5D3 #D9A7C9 #D099BF #C88BB5 #BF7DAB #B66FA1 #AE6198

#E2B5D3 - #AE6198

HSV Blend

#E2B5D3 - #AE6198 | 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 #E2B5D3 as 0% and #AE6198 as 100%.

0.0%	0.0% #E2B5D3	RGB 226 181 211	#E2B5D3
16.7%	16.7% #D9A5C8	RGB 217 165 200	#D9A5C8
33.3%	33.3% #D096BE	RGB 208 150 190	#D096BE
50.0%	50.0% #C887B4	RGB 200 135 180	#C887B4
66.7%	66.7% #BF7AAA	RGB 191 122 170	#BF7AAA
83.3%	83.3% #B66DA1	RGB 182 109 161	#B66DA1
100.0%	100.0% #AE6198	RGB 174 97 152	#AE6198

#E2B5D3 #D9A5C8 #D096BE #C887B4 #BF7AAA #B66DA1 #AE6198

#E2B5D3 - #C887B4 - #AE6198

CSS codes

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

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