#EB6FB4 - #CE2B76 | 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 #EB6FB4 to #CE2B76

#EB6FB4 #CE2B76

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

#EB6FB4 - #CE2B76 | 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 #EB6FB4 as 0% and #CE2B76 as 100%.

0.0%	0.0% #EB6FB4	RGB 235 111 180	#EB6FB4
16.7%	16.7% #E663A9	RGB 230 99 169	#E663A9
33.3%	33.3% #E1589F	RGB 225 88 159	#E1589F
50.0%	50.0% #DC4D95	RGB 220 77 149	#DC4D95
66.7%	66.7% #D7418A	RGB 215 65 138	#D7418A
83.3%	83.3% #D23680	RGB 210 54 128	#D23680
100.0%	100.0% #CE2B76	RGB 206 43 118	#CE2B76

#EB6FB4 #E663A9 #E1589F #DC4D95 #D7418A #D23680 #CE2B76

#EB6FB4 - #CE2B76

HSV Blend

#EB6FB4 - #CE2B76 | 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 #EB6FB4 as 0% and #CE2B76 as 100%.

0.0%	0.0% #EB6FB3	RGB 235 111 179	#EB6FB3
16.7%	16.7% #E662A9	RGB 230 98 169	#E662A9
33.3%	33.3% #E1569F	RGB 225 86 159	#E1569F
50.0%	50.0% #DC4B94	RGB 220 75 148	#DC4B94
66.7%	66.7% #D73F8A	RGB 215 63 138	#D73F8A
83.3%	83.3% #D23580	RGB 210 53 128	#D23580
100.0%	100.0% #CE2B76	RGB 206 43 118	#CE2B76

#EB6FB3 #E662A9 #E1569F #DC4B94 #D73F8A #D23580 #CE2B76

#EB6FB4 - #DC4B94 - #CE2B76

CSS codes

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

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