#EF8CAC - #BA295E | 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 #EF8CAC to #BA295E

#EF8CAC #BA295E

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

#EF8CAC - #BA295E | 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 #EF8CAC as 0% and #BA295E as 100%.

0.0%	0.0% #EF8CAC	RGB 239 140 172	#EF8CAC
16.7%	16.7% #E67B9F	RGB 230 123 159	#E67B9F
33.3%	33.3% #DD6B92	RGB 221 107 146	#DD6B92
50.0%	50.0% #D45A85	RGB 212 90 133	#D45A85
66.7%	66.7% #CB4A78	RGB 203 74 120	#CB4A78
83.3%	83.3% #C2396B	RGB 194 57 107	#C2396B
100.0%	100.0% #BA295E	RGB 186 41 94	#BA295E

#EF8CAC #E67B9F #DD6B92 #D45A85 #CB4A78 #C2396B #BA295E

#EF8CAC - #BA295E

HSV Blend

#EF8CAC - #BA295E | 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 #EF8CAC as 0% and #BA295E as 100%.

0.0%	0.0% #EF8CAC	RGB 239 140 172	#EF8CAC
16.7%	16.7% #E6789C	RGB 230 120 156	#E6789C
33.3%	33.3% #DD668E	RGB 221 102 142	#DD668E
50.0%	50.0% #D45581	RGB 212 85 129	#D45581
66.7%	66.7% #CB4574	RGB 203 69 116	#CB4574
83.3%	83.3% #C23669	RGB 194 54 105	#C23669
100.0%	100.0% #BA295E	RGB 186 41 94	#BA295E

#EF8CAC #E6789C #DD668E #D45581 #CB4574 #C23669 #BA295E

#EF8CAC - #D45581 - #BA295E

CSS codes

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

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