#EB6AB9 - #C12179 | 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 #EB6AB9 to #C12179

#EB6AB9 #C12179

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

#EB6AB9 - #C12179 | 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 #EB6AB9 as 0% and #C12179 as 100%.

0.0%	0.0% #EB6AB9	RGB 235 106 185	#EB6AB9
16.7%	16.7% #E45DAE	RGB 228 93 174	#E45DAE
33.3%	33.3% #DD51A3	RGB 221 81 163	#DD51A3
50.0%	50.0% #D64599	RGB 214 69 153	#D64599
66.7%	66.7% #CF398E	RGB 207 57 142	#CF398E
83.3%	83.3% #C82D83	RGB 200 45 131	#C82D83
100.0%	100.0% #C12179	RGB 193 33 121	#C12179

#EB6AB9 #E45DAE #DD51A3 #D64599 #CF398E #C82D83 #C12179

#EB6AB9 - #C12179

HSV Blend

#EB6AB9 - #C12179 | 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 #EB6AB9 as 0% and #C12179 as 100%.

0.0%	0.0% #EB6AB9	RGB 235 106 185	#EB6AB9
16.7%	16.7% #E45CAD	RGB 228 92 173	#E45CAD
33.3%	33.3% #DD4FA3	RGB 221 79 163	#DD4FA3
50.0%	50.0% #D64298	RGB 214 66 152	#D64298
66.7%	66.7% #CF368D	RGB 207 54 141	#CF368D
83.3%	83.3% #C82B83	RGB 200 43 131	#C82B83
100.0%	100.0% #C12179	RGB 193 33 121	#C12179

#EB6AB9 #E45CAD #DD4FA3 #D64298 #CF368D #C82B83 #C12179

#EB6AB9 - #D64298 - #C12179

CSS codes

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

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