#E2AFDF - #BC419B | 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 #E2AFDF to #BC419B

#E2AFDF #BC419B

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

#E2AFDF - #BC419B | 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 #E2AFDF as 0% and #BC419B as 100%.

0.0%	0.0% #E2AFDF	RGB 226 175 223	#E2AFDF
16.7%	16.7% #DB9CD3	RGB 219 156 211	#DB9CD3
33.3%	33.3% #D58AC8	RGB 213 138 200	#D58AC8
50.0%	50.0% #CF78BD	RGB 207 120 189	#CF78BD
66.7%	66.7% #C865B1	RGB 200 101 177	#C865B1
83.3%	83.3% #C253A6	RGB 194 83 166	#C253A6
100.0%	100.0% #BC419B	RGB 188 65 155	#BC419B

#E2AFDF #DB9CD3 #D58AC8 #CF78BD #C865B1 #C253A6 #BC419B

#E2AFDF - #BC419B

HSV Blend

#E2AFDF - #BC419B | 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 #E2AFDF as 0% and #BC419B as 100%.

0.0%	0.0% #E2AFDF	RGB 226 175 223	#E2AFDF
16.7%	16.7% #DB9AD5	RGB 219 154 213	#DB9AD5
33.3%	33.3% #D586CB	RGB 213 134 203	#D586CB
50.0%	50.0% #CF73C0	RGB 207 115 192	#CF73C0
66.7%	66.7% #C862B4	RGB 200 98 180	#C862B4
83.3%	83.3% #C251A7	RGB 194 81 167	#C251A7
100.0%	100.0% #BC419B	RGB 188 65 155	#BC419B

#E2AFDF #DB9AD5 #D586CB #CF73C0 #C862B4 #C251A7 #BC419B

#E2AFDF - #CF73C0 - #BC419B

CSS codes

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

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