#EFB8D4 - #C6558C | 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 #EFB8D4 to #C6558C

#EFB8D4 #C6558C

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

#EFB8D4 - #C6558C | 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 #EFB8D4 as 0% and #C6558C as 100%.

0.0%	0.0% #EFB8D4	RGB 239 184 212	#EFB8D4
16.7%	16.7% #E8A7C8	RGB 232 167 200	#E8A7C8
33.3%	33.3% #E197BC	RGB 225 151 188	#E197BC
50.0%	50.0% #DA86B0	RGB 218 134 176	#DA86B0
66.7%	66.7% #D376A4	RGB 211 118 164	#D376A4
83.3%	83.3% #CC6598	RGB 204 101 152	#CC6598
100.0%	100.0% #C6558C	RGB 198 85 140	#C6558C

#EFB8D4 #E8A7C8 #E197BC #DA86B0 #D376A4 #CC6598 #C6558C

#EFB8D4 - #C6558C

HSV Blend

#EFB8D4 - #C6558C | 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 #EFB8D4 as 0% and #C6558C as 100%.

0.0%	0.0% #EFB8D4	RGB 239 184 212	#EFB8D4
16.7%	16.7% #E8A5C7	RGB 232 165 199	#E8A5C7
33.3%	33.3% #E193BA	RGB 225 147 186	#E193BA
50.0%	50.0% #DA83AE	RGB 218 131 174	#DA83AE
66.7%	66.7% #D372A2	RGB 211 114 162	#D372A2
83.3%	83.3% #CC6397	RGB 204 99 151	#CC6397
100.0%	100.0% #C6558C	RGB 198 85 140	#C6558C

#EFB8D4 #E8A5C7 #E193BA #DA83AE #D372A2 #CC6397 #C6558C

#EFB8D4 - #DA83AE - #C6558C

CSS codes

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

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