#E545AE - #DEC3E2 | 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 #E545AE to #DEC3E2

#E545AE #DEC3E2

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

#E545AE - #DEC3E2 | 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 #E545AE as 0% and #DEC3E2 as 100%.

0.0%	0.0% #E545AE	RGB 229 69 174	#E545AE
16.7%	16.7% #E35AB6	RGB 227 90 182	#E35AB6
33.3%	33.3% #E26FBF	RGB 226 111 191	#E26FBF
50.0%	50.0% #E184C8	RGB 225 132 200	#E184C8
66.7%	66.7% #E099D0	RGB 224 153 208	#E099D0
83.3%	83.3% #DFAED9	RGB 223 174 217	#DFAED9
100.0%	100.0% #DEC3E2	RGB 222 195 226	#DEC3E2

#E545AE #E35AB6 #E26FBF #E184C8 #E099D0 #DFAED9 #DEC3E2

#E545AE - #DEC3E2

HSV Blend

#E545AE - #DEC3E2 | 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 #E545AE as 0% and #DEC3E2 as 100%.

0.0%	0.0% #E545AE	RGB 229 69 174	#E545AE
16.7%	16.7% #E45ABF	RGB 228 90 191	#E45ABF
33.3%	33.3% #E46FCE	RGB 228 111 206	#E46FCE
50.0%	50.0% #E384D9	RGB 227 132 217	#E384D9
66.7%	66.7% #E399E0	RGB 227 153 224	#E399E0
83.3%	83.3% #DFAEE2	RGB 223 174 226	#DFAEE2
100.0%	100.0% #DEC3E2	RGB 222 195 226	#DEC3E2

#E545AE #E45ABF #E46FCE #E384D9 #E399E0 #DFAEE2 #DEC3E2

#E545AE - #E384D9 - #DEC3E2

CSS codes

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

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