#C84A5E - #EFCBD1 | 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 #C84A5E to #EFCBD1

#C84A5E #EFCBD1

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

#C84A5E - #EFCBD1 | 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 #C84A5E as 0% and #EFCBD1 as 100%.

0.0%	0.0% #C84A5E	RGB 200 74 94	#C84A5E
16.7%	16.7% #CE5F71	RGB 206 95 113	#CE5F71
33.3%	33.3% #D57584	RGB 213 117 132	#D57584
50.0%	50.0% #DB8A97	RGB 219 138 151	#DB8A97
66.7%	66.7% #E2A0AA	RGB 226 160 170	#E2A0AA
83.3%	83.3% #E8B5BD	RGB 232 181 189	#E8B5BD
100.0%	100.0% #EFCBD1	RGB 239 203 209	#EFCBD1

#C84A5E #CE5F71 #D57584 #DB8A97 #E2A0AA #E8B5BD #EFCBD1

#C84A5E - #EFCBD1

HSV Blend

#C84A5E - #EFCBD1 | 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 #C84A5E as 0% and #EFCBD1 as 100%.

0.0%	0.0% #C84A5E	RGB 200 74 94	#C84A5E
16.7%	16.7% #CE5C6F	RGB 206 92 111	#CE5C6F
33.3%	33.3% #D57081	RGB 213 112 129	#D57081
50.0%	50.0% #DB8593	RGB 219 133 147	#DB8593
66.7%	66.7% #E29BA7	RGB 226 155 167	#E29BA7
83.3%	83.3% #E8B2BB	RGB 232 178 187	#E8B2BB
100.0%	100.0% #EFCBD1	RGB 239 203 209	#EFCBD1

#C84A5E #CE5C6F #D57081 #DB8593 #E29BA7 #E8B2BB #EFCBD1

#C84A5E - #DB8593 - #EFCBD1

CSS codes

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

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