#EF8FAC - #BA2D5E | 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 #EF8FAC to #BA2D5E

#EF8FAC #BA2D5E

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

#EF8FAC - #BA2D5E | 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 #EF8FAC as 0% and #BA2D5E as 100%.

0.0%	0.0% #EF8FAC	RGB 239 143 172	#EF8FAC
16.7%	16.7% #E67E9F	RGB 230 126 159	#E67E9F
33.3%	33.3% #DD6E92	RGB 221 110 146	#DD6E92
50.0%	50.0% #D45E85	RGB 212 94 133	#D45E85
66.7%	66.7% #CB4D78	RGB 203 77 120	#CB4D78
83.3%	83.3% #C23D6B	RGB 194 61 107	#C23D6B
100.0%	100.0% #BA2D5E	RGB 186 45 94	#BA2D5E

#EF8FAC #E67E9F #DD6E92 #D45E85 #CB4D78 #C23D6B #BA2D5E

#EF8FAC - #BA2D5E

HSV Blend

#EF8FAC - #BA2D5E | 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 #EF8FAC as 0% and #BA2D5E as 100%.

0.0%	0.0% #EF8FAC	RGB 239 143 172	#EF8FAC
16.7%	16.7% #E67C9C	RGB 230 124 156	#E67C9C
33.3%	33.3% #DD6A8E	RGB 221 106 142	#DD6A8E
50.0%	50.0% #D45981	RGB 212 89 129	#D45981
66.7%	66.7% #CB4974	RGB 203 73 116	#CB4974
83.3%	83.3% #C23A68	RGB 194 58 104	#C23A68
100.0%	100.0% #BA2D5E	RGB 186 45 94	#BA2D5E

#EF8FAC #E67C9C #DD6A8E #D45981 #CB4974 #C23A68 #BA2D5E

#EF8FAC - #D45981 - #BA2D5E

CSS codes

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

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