#E6A8F0 - #B23BB7 | 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 #E6A8F0 to #B23BB7

#E6A8F0 #B23BB7

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

#E6A8F0 - #B23BB7 | 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 #E6A8F0 as 0% and #B23BB7 as 100%.

0.0%	0.0% #E6A8F0	RGB 230 168 240	#E6A8F0
16.7%	16.7% #DD95E6	RGB 221 149 230	#DD95E6
33.3%	33.3% #D483DD	RGB 212 131 221	#D483DD
50.0%	50.0% #CC71D3	RGB 204 113 211	#CC71D3
66.7%	66.7% #C35FCA	RGB 195 95 202	#C35FCA
83.3%	83.3% #BA4DC0	RGB 186 77 192	#BA4DC0
100.0%	100.0% #B23BB7	RGB 178 59 183	#B23BB7

#E6A8F0 #DD95E6 #D483DD #CC71D3 #C35FCA #BA4DC0 #B23BB7

#E6A8F0 - #B23BB7

HSV Blend

#E6A8F0 - #B23BB7 | 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 #E6A8F0 as 0% and #B23BB7 as 100%.

0.0%	0.0% #E6A8F0	RGB 230 168 240	#E6A8F0
16.7%	16.7% #DC92E6	RGB 220 146 230	#DC92E6
33.3%	33.3% #D37EDD	RGB 211 126 221	#D37EDD
50.0%	50.0% #CA6CD3	RGB 202 108 211	#CA6CD3
66.7%	66.7% #C15ACA	RGB 193 90 202	#C15ACA
83.3%	83.3% #B94AC0	RGB 185 74 192	#B94AC0
100.0%	100.0% #B23BB7	RGB 178 59 183	#B23BB7

#E6A8F0 #DC92E6 #D37EDD #CA6CD3 #C15ACA #B94AC0 #B23BB7

#E6A8F0 - #CA6CD3 - #B23BB7

CSS codes

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

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