#C9005E - #EFB6D1 | 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 #C9005E to #EFB6D1

#C9005E #EFB6D1

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

#C9005E - #EFB6D1 | 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 #C9005E as 0% and #EFB6D1 as 100%.

0.0%	0.0% #C9005E	RGB 201 0 94	#C9005E
16.7%	16.7% #CF1E71	RGB 207 30 113	#CF1E71
33.3%	33.3% #D53C84	RGB 213 60 132	#D53C84
50.0%	50.0% #DC5B97	RGB 220 91 151	#DC5B97
66.7%	66.7% #E279AA	RGB 226 121 170	#E279AA
83.3%	83.3% #E897BD	RGB 232 151 189	#E897BD
100.0%	100.0% #EFB6D1	RGB 239 182 209	#EFB6D1

#C9005E #CF1E71 #D53C84 #DC5B97 #E279AA #E897BD #EFB6D1

#C9005E - #EFB6D1

HSV Blend

#C9005E - #EFB6D1 | 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 #C9005E as 0% and #EFB6D1 as 100%.

0.0%	0.0% #C9005E	RGB 201 0 94	#C9005E
16.7%	16.7% #CF1A6F	RGB 207 26 111	#CF1A6F
33.3%	33.3% #D53681	RGB 213 54 129	#D53681
50.0%	50.0% #DC5393	RGB 220 83 147	#DC5393
66.7%	66.7% #E272A7	RGB 226 114 167	#E272A7
83.3%	83.3% #E893BB	RGB 232 147 187	#E893BB
100.0%	100.0% #EFB6D1	RGB 239 182 209	#EFB6D1

#C9005E #CF1A6F #D53681 #DC5393 #E272A7 #E893BB #EFB6D1

#C9005E - #DC5393 - #EFB6D1

CSS codes

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

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