#E3C2DA - #BC6294 | 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 #E3C2DA to #BC6294

#E3C2DA #BC6294

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

#E3C2DA - #BC6294 | 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 #E3C2DA as 0% and #BC6294 as 100%.

0.0%	0.0% #E3C2DA	RGB 227 194 218	#E3C2DA
16.7%	16.7% #DCB2CE	RGB 220 178 206	#DCB2CE
33.3%	33.3% #D6A2C2	RGB 214 162 194	#D6A2C2
50.0%	50.0% #CF92B7	RGB 207 146 183	#CF92B7
66.7%	66.7% #C982AB	RGB 201 130 171	#C982AB
83.3%	83.3% #C2729F	RGB 194 114 159	#C2729F
100.0%	100.0% #BC6294	RGB 188 98 148	#BC6294

#E3C2DA #DCB2CE #D6A2C2 #CF92B7 #C982AB #C2729F #BC6294

#E3C2DA - #BC6294

HSV Blend

#E3C2DA - #BC6294 | 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 #E3C2DA as 0% and #BC6294 as 100%.

0.0%	0.0% #E3C2DA	RGB 227 194 218	#E3C2DA
16.7%	16.7% #DCB0CF	RGB 220 176 207	#DCB0CF
33.3%	33.3% #D69FC3	RGB 214 159 195	#D69FC3
50.0%	50.0% #CF8EB8	RGB 207 142 184	#CF8EB8
66.7%	66.7% #C97FAC	RGB 201 127 172	#C97FAC
83.3%	83.3% #C270A0	RGB 194 112 160	#C270A0
100.0%	100.0% #BC6294	RGB 188 98 148	#BC6294

#E3C2DA #DCB0CF #D69FC3 #CF8EB8 #C97FAC #C270A0 #BC6294

#E3C2DA - #CF8EB8 - #BC6294

CSS codes

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

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