#C84D5E - #EFCCD1 | 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 #C84D5E to #EFCCD1

#C84D5E #EFCCD1

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

#C84D5E - #EFCCD1 | 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 #C84D5E as 0% and #EFCCD1 as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #CE6271	RGB 206 98 113	#CE6271
33.3%	33.3% #D57784	RGB 213 119 132	#D57784
50.0%	50.0% #DB8C97	RGB 219 140 151	#DB8C97
66.7%	66.7% #E2A1AA	RGB 226 161 170	#E2A1AA
83.3%	83.3% #E8B6BD	RGB 232 182 189	#E8B6BD
100.0%	100.0% #EFCCD1	RGB 239 204 209	#EFCCD1

#C84D5E #CE6271 #D57784 #DB8C97 #E2A1AA #E8B6BD #EFCCD1

#C84D5E - #EFCCD1

HSV Blend

#C84D5E - #EFCCD1 | 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 #C84D5E as 0% and #EFCCD1 as 100%.

0.0%	0.0% #C84D5E	RGB 200 77 94	#C84D5E
16.7%	16.7% #CE5F6F	RGB 206 95 111	#CE5F6F
33.3%	33.3% #D57380	RGB 213 115 128	#D57380
50.0%	50.0% #DB8793	RGB 219 135 147	#DB8793
66.7%	66.7% #E29DA7	RGB 226 157 167	#E29DA7
83.3%	83.3% #E8B4BB	RGB 232 180 187	#E8B4BB
100.0%	100.0% #EFCCD1	RGB 239 204 209	#EFCCD1

#C84D5E #CE5F6F #D57380 #DB8793 #E29DA7 #E8B4BB #EFCCD1

#C84D5E - #DB8793 - #EFCCD1

CSS codes

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

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