#EF54A8 - #A7005C | 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 #EF54A8 to #A7005C

#EF54A8 #A7005C

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

#EF54A8 - #A7005C | 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 #EF54A8 as 0% and #A7005C as 100%.

0.0%	0.0% #EF54A8	RGB 239 84 168	#EF54A8
16.7%	16.7% #E3469B	RGB 227 70 155	#E3469B
33.3%	33.3% #D7388E	RGB 215 56 142	#D7388E
50.0%	50.0% #CB2A82	RGB 203 42 130	#CB2A82
66.7%	66.7% #BF1B75	RGB 191 27 117	#BF1B75
83.3%	83.3% #B30E68	RGB 179 14 104	#B30E68
100.0%	100.0% #A7005C	RGB 167 0 92	#A7005C

#EF54A8 #E3469B #D7388E #CB2A82 #BF1B75 #B30E68 #A7005C

#EF54A8 - #A7005C

HSV Blend

#EF54A8 - #A7005C | 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 #EF54A8 as 0% and #A7005C as 100%.

0.0%	0.0% #EF54A7	RGB 239 84 167	#EF54A7
16.7%	16.7% #E34299	RGB 227 66 153	#E34299
33.3%	33.3% #D7328C	RGB 215 50 140	#D7328C
50.0%	50.0% #CB237F	RGB 203 35 127	#CB237F
66.7%	66.7% #BF1672	RGB 191 22 114	#BF1672
83.3%	83.3% #B30A67	RGB 179 10 103	#B30A67
100.0%	100.0% #A7005C	RGB 167 0 92	#A7005C

#EF54A7 #E34299 #D7328C #CB237F #BF1672 #B30A67 #A7005C

#EF54A8 - #CB237F - #A7005C

CSS codes

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

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