#E28DCE - #BC3C90 | 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 #E28DCE to #BC3C90

#E28DCE #BC3C90

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

#E28DCE - #BC3C90 | 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 #E28DCE as 0% and #BC3C90 as 100%.

0.0%	0.0% #E28DCE	RGB 226 141 206	#E28DCE
16.7%	16.7% #DB7FC3	RGB 219 127 195	#DB7FC3
33.3%	33.3% #D572B9	RGB 213 114 185	#D572B9
50.0%	50.0% #CF64AF	RGB 207 100 175	#CF64AF
66.7%	66.7% #C857A4	RGB 200 87 164	#C857A4
83.3%	83.3% #C2499A	RGB 194 73 154	#C2499A
100.0%	100.0% #BC3C90	RGB 188 60 144	#BC3C90

#E28DCE #DB7FC3 #D572B9 #CF64AF #C857A4 #C2499A #BC3C90

#E28DCE - #BC3C90

HSV Blend

#E28DCE - #BC3C90 | 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 #E28DCE as 0% and #BC3C90 as 100%.

0.0%	0.0% #E28DCE	RGB 226 141 206	#E28DCE
16.7%	16.7% #DB7DC3	RGB 219 125 195	#DB7DC3
33.3%	33.3% #D56FB9	RGB 213 111 185	#D56FB9
50.0%	50.0% #CF61AF	RGB 207 97 175	#CF61AF
66.7%	66.7% #C854A4	RGB 200 84 164	#C854A4
83.3%	83.3% #C2479A	RGB 194 71 154	#C2479A
100.0%	100.0% #BC3C90	RGB 188 60 144	#BC3C90

#E28DCE #DB7DC3 #D56FB9 #CF61AF #C854A4 #C2479A #BC3C90

#E28DCE - #CF61AF - #BC3C90

CSS codes

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

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