#E54DA2 - #FFBCC4 | 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 #E54DA2 to #FFBCC4

#E54DA2 #FFBCC4

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

#E54DA2 - #FFBCC4 | 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 #E54DA2 as 0% and #FFBCC4 as 100%.

0.0%	0.0% #E54DA2	RGB 229 77 162	#E54DA2
16.7%	16.7% #E95FA7	RGB 233 95 167	#E95FA7
33.3%	33.3% #ED72AD	RGB 237 114 173	#ED72AD
50.0%	50.0% #F284B3	RGB 242 132 179	#F284B3
66.7%	66.7% #F697B8	RGB 246 151 184	#F697B8
83.3%	83.3% #FAA9BE	RGB 250 169 190	#FAA9BE
100.0%	100.0% #FFBCC4	RGB 255 188 196	#FFBCC4

#E54DA2 #E95FA7 #ED72AD #F284B3 #F697B8 #FAA9BE #FFBCC4

#E54DA2 - #FFBCC4

HSV Blend

#E54DA2 - #FFBCC4 | 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 #E54DA2 as 0% and #FFBCC4 as 100%.

0.0%	0.0% #E54DA2	RGB 229 77 162	#E54DA2
16.7%	16.7% #E95EA1	RGB 233 94 161	#E95EA1
33.3%	33.3% #ED6FA3	RGB 237 111 163	#ED6FA3
50.0%	50.0% #F281A7	RGB 242 129 167	#F281A7
66.7%	66.7% #F694AE	RGB 246 148 174	#F694AE
83.3%	83.3% #FAA8B7	RGB 250 168 183	#FAA8B7
100.0%	100.0% #FFBCC4	RGB 255 188 196	#FFBCC4

#E54DA2 #E95EA1 #ED6FA3 #F281A7 #F694AE #FAA8B7 #FFBCC4

#E54DA2 - #F281A7 - #FFBCC4

CSS codes

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

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