#EF91A8 - #BA315A | 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 #EF91A8 to #BA315A

#EF91A8 #BA315A

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

#EF91A8 - #BA315A | 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 #EF91A8 as 0% and #BA315A as 100%.

0.0%	0.0% #EF91A8	RGB 239 145 168	#EF91A8
16.7%	16.7% #E6819B	RGB 230 129 155	#E6819B
33.3%	33.3% #DD718E	RGB 221 113 142	#DD718E
50.0%	50.0% #D46181	RGB 212 97 129	#D46181
66.7%	66.7% #CB5174	RGB 203 81 116	#CB5174
83.3%	83.3% #C24167	RGB 194 65 103	#C24167
100.0%	100.0% #BA315A	RGB 186 49 90	#BA315A

#EF91A8 #E6819B #DD718E #D46181 #CB5174 #C24167 #BA315A

#EF91A8 - #BA315A

HSV Blend

#EF91A8 - #BA315A | 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 #EF91A8 as 0% and #BA315A as 100%.

0.0%	0.0% #EF91A8	RGB 239 145 168	#EF91A8
16.7%	16.7% #E67E98	RGB 230 126 152	#E67E98
33.3%	33.3% #DD6C8A	RGB 221 108 138	#DD6C8A
50.0%	50.0% #D45C7D	RGB 212 92 125	#D45C7D
66.7%	66.7% #CB4C70	RGB 203 76 112	#CB4C70
83.3%	83.3% #C23E64	RGB 194 62 100	#C23E64
100.0%	100.0% #BA315A	RGB 186 49 90	#BA315A

#EF91A8 #E67E98 #DD6C8A #D45C7D #CB4C70 #C23E64 #BA315A

#EF91A8 - #D45C7D - #BA315A

CSS codes

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

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