#C8586E - #EFCFD5 | 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 #C8586E to #EFCFD5

#C8586E #EFCFD5

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

#C8586E - #EFCFD5 | 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 #C8586E as 0% and #EFCFD5 as 100%.

0.0%	0.0% #C8586E	RGB 200 88 110	#C8586E
16.7%	16.7% #CE6B7F	RGB 206 107 127	#CE6B7F
33.3%	33.3% #D57F90	RGB 213 127 144	#D57F90
50.0%	50.0% #DB93A1	RGB 219 147 161	#DB93A1
66.7%	66.7% #E2A7B2	RGB 226 167 178	#E2A7B2
83.3%	83.3% #E8BBC3	RGB 232 187 195	#E8BBC3
100.0%	100.0% #EFCFD5	RGB 239 207 213	#EFCFD5

#C8586E #CE6B7F #D57F90 #DB93A1 #E2A7B2 #E8BBC3 #EFCFD5

#C8586E - #EFCFD5

HSV Blend

#C8586E - #EFCFD5 | 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 #C8586E as 0% and #EFCFD5 as 100%.

0.0%	0.0% #C8586E	RGB 200 88 110	#C8586E
16.7%	16.7% #CE697D	RGB 206 105 125	#CE697D
33.3%	33.3% #D57B8D	RGB 213 123 141	#D57B8D
50.0%	50.0% #DB8F9D	RGB 219 143 157	#DB8F9D
66.7%	66.7% #E2A3AF	RGB 226 163 175	#E2A3AF
83.3%	83.3% #E8B8C1	RGB 232 184 193	#E8B8C1
100.0%	100.0% #EFCFD5	RGB 239 207 213	#EFCFD5

#C8586E #CE697D #D57B8D #DB8F9D #E2A3AF #E8B8C1 #EFCFD5

#C8586E - #DB8F9D - #EFCFD5

CSS codes

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

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