#EDCCC7 - #DC8274 | 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 #EDCCC7 to #DC8274

#EDCCC7 #DC8274

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

#EDCCC7 - #DC8274 | 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 #EDCCC7 as 0% and #DC8274 as 100%.

0.0%	0.0% #EDCCC7	RGB 237 204 199	#EDCCC7
16.7%	16.7% #EABFB9	RGB 234 191 185	#EABFB9
33.3%	33.3% #E7B3AB	RGB 231 179 171	#E7B3AB
50.0%	50.0% #E4A79D	RGB 228 167 157	#E4A79D
66.7%	66.7% #E19A8F	RGB 225 154 143	#E19A8F
83.3%	83.3% #DE8E81	RGB 222 142 129	#DE8E81
100.0%	100.0% #DC8274	RGB 220 130 116	#DC8274

#EDCCC7 #EABFB9 #E7B3AB #E4A79D #E19A8F #DE8E81 #DC8274

#EDCCC7 - #DC8274

HSV Blend

#EDCCC7 - #DC8274 | 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 #EDCCC7 as 0% and #DC8274 as 100%.

0.0%	0.0% #EDCCC7	RGB 237 204 199	#EDCCC7
16.7%	16.7% #EABEB8	RGB 234 190 184	#EABEB8
33.3%	33.3% #E7B2AA	RGB 231 178 170	#E7B2AA
50.0%	50.0% #E4A59C	RGB 228 165 156	#E4A59C
66.7%	66.7% #E1998E	RGB 225 153 142	#E1998E
83.3%	83.3% #DE8D81	RGB 222 141 129	#DE8D81
100.0%	100.0% #DC8274	RGB 220 130 116	#DC8274

#EDCCC7 #EABEB8 #E7B2AA #E4A59C #E1998E #DE8D81 #DC8274

#EDCCC7 - #E4A59C - #DC8274

CSS codes

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

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