#EFB5CE - #C55384 | 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 #EFB5CE to #C55384

#EFB5CE #C55384

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

#EFB5CE - #C55384 | 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 #EFB5CE as 0% and #C55384 as 100%.

0.0%	0.0% #EFB5CE	RGB 239 181 206	#EFB5CE
16.7%	16.7% #E8A4C1	RGB 232 164 193	#E8A4C1
33.3%	33.3% #E194B5	RGB 225 148 181	#E194B5
50.0%	50.0% #DA84A9	RGB 218 132 169	#DA84A9
66.7%	66.7% #D3739C	RGB 211 115 156	#D3739C
83.3%	83.3% #CC6390	RGB 204 99 144	#CC6390
100.0%	100.0% #C55384	RGB 197 83 132	#C55384

#EFB5CE #E8A4C1 #E194B5 #DA84A9 #D3739C #CC6390 #C55384

#EFB5CE - #C55384

HSV Blend

#EFB5CE - #C55384 | 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 #EFB5CE as 0% and #C55384 as 100%.

0.0%	0.0% #EFB5CE	RGB 239 181 206	#EFB5CE
16.7%	16.7% #E8A2C0	RGB 232 162 192	#E8A2C0
33.3%	33.3% #E191B3	RGB 225 145 179	#E191B3
50.0%	50.0% #DA80A7	RGB 218 128 167	#DA80A7
66.7%	66.7% #D3709A	RGB 211 112 154	#D3709A
83.3%	83.3% #CC618F	RGB 204 97 143	#CC618F
100.0%	100.0% #C55384	RGB 197 83 132	#C55384

#EFB5CE #E8A2C0 #E191B3 #DA80A7 #D3709A #CC618F #C55384

#EFB5CE - #DA80A7 - #C55384

CSS codes

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

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