#C18F7E - #EDDFDA | 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 #C18F7E to #EDDFDA

#C18F7E #EDDFDA

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

#C18F7E - #EDDFDA | 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 #C18F7E as 0% and #EDDFDA as 100%.

0.0%	0.0% #C18F7E	RGB 193 143 126	#C18F7E
16.7%	16.7% #C89C8D	RGB 200 156 141	#C89C8D
33.3%	33.3% #CFA99C	RGB 207 169 156	#CFA99C
50.0%	50.0% #D7B7AC	RGB 215 183 172	#D7B7AC
66.7%	66.7% #DEC4BB	RGB 222 196 187	#DEC4BB
83.3%	83.3% #E5D1CA	RGB 229 209 202	#E5D1CA
100.0%	100.0% #EDDFDA	RGB 237 223 218	#EDDFDA

#C18F7E #C89C8D #CFA99C #D7B7AC #DEC4BB #E5D1CA #EDDFDA

#C18F7E - #EDDFDA

HSV Blend

#C18F7E - #EDDFDA | 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 #C18F7E as 0% and #EDDFDA as 100%.

0.0%	0.0% #C18F7E	RGB 193 143 126	#C18F7E
16.7%	16.7% #C89B8B	RGB 200 155 139	#C89B8B
33.3%	33.3% #CFA79A	RGB 207 167 154	#CFA79A
50.0%	50.0% #D7B4A9	RGB 215 180 169	#D7B4A9
66.7%	66.7% #DEC2B8	RGB 222 194 184	#DEC2B8
83.3%	83.3% #E5D0C9	RGB 229 208 201	#E5D0C9
100.0%	100.0% #EDDFDA	RGB 237 223 218	#EDDFDA

#C18F7E #C89B8B #CFA79A #D7B4A9 #DEC2B8 #E5D0C9 #EDDFDA

#C18F7E - #D7B4A9 - #EDDFDA

CSS codes

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

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