#C80A8D - #EFB9DE | 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 #C80A8D to #EFB9DE

#C80A8D #EFB9DE

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

#C80A8D - #EFB9DE | 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 #C80A8D as 0% and #EFB9DE as 100%.

0.0%	0.0% #C80A8D	RGB 200 10 141	#C80A8D
16.7%	16.7% #CE279A	RGB 206 39 154	#CE279A
33.3%	33.3% #D544A8	RGB 213 68 168	#D544A8
50.0%	50.0% #DB61B5	RGB 219 97 181	#DB61B5
66.7%	66.7% #E27EC3	RGB 226 126 195	#E27EC3
83.3%	83.3% #E89BD0	RGB 232 155 208	#E89BD0
100.0%	100.0% #EFB9DE	RGB 239 185 222	#EFB9DE

#C80A8D #CE279A #D544A8 #DB61B5 #E27EC3 #E89BD0 #EFB9DE

#C80A8D - #EFB9DE

HSV Blend

#C80A8D - #EFB9DE | 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 #C80A8D as 0% and #EFB9DE as 100%.

0.0%	0.0% #C80A8D	RGB 200 10 141	#C80A8D
16.7%	16.7% #CE2399	RGB 206 35 153	#CE2399
33.3%	33.3% #D53EA5	RGB 213 62 165	#D53EA5
50.0%	50.0% #DB5AB3	RGB 219 90 179	#DB5AB3
66.7%	66.7% #E278C0	RGB 226 120 192	#E278C0
83.3%	83.3% #E897CF	RGB 232 151 207	#E897CF
100.0%	100.0% #EFB9DE	RGB 239 185 222	#EFB9DE

#C80A8D #CE2399 #D53EA5 #DB5AB3 #E278C0 #E897CF #EFB9DE

#C80A8D - #DB5AB3 - #EFB9DE

CSS codes

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

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