#C7C5B5 - #EDD3C6 | 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 #C7C5B5 to #EDD3C6

#C7C5B5 #EDD3C6

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

#C7C5B5 - #EDD3C6 | 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 #C7C5B5 as 0% and #EDD3C6 as 100%.

0.0%	0.0% #C7C5B5	RGB 199 197 181	#C7C5B5
16.7%	16.7% #CDC7B7	RGB 205 199 183	#CDC7B7
33.3%	33.3% #D3C9BA	RGB 211 201 186	#D3C9BA
50.0%	50.0% #DACCBD	RGB 218 204 189	#DACCBD
66.7%	66.7% #E0CEC0	RGB 224 206 192	#E0CEC0
83.3%	83.3% #E6D0C3	RGB 230 208 195	#E6D0C3
100.0%	100.0% #EDD3C6	RGB 237 211 198	#EDD3C6

#C7C5B5 #CDC7B7 #D3C9BA #DACCBD #E0CEC0 #E6D0C3 #EDD3C6

#C7C5B5 - #EDD3C6

HSV Blend

#C7C5B5 - #EDD3C6 | 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 #C7C5B5 as 0% and #EDD3C6 as 100%.

0.0%	0.0% #C7C5B5	RGB 199 197 181	#C7C5B5
16.7%	16.7% #CDC9B8	RGB 205 201 184	#CDC9B8
33.3%	33.3% #D3CCBB	RGB 211 204 187	#D3CCBB
50.0%	50.0% #DACFBE	RGB 218 207 190	#DACFBE
66.7%	66.7% #E0D1C0	RGB 224 209 192	#E0D1C0
83.3%	83.3% #E6D2C3	RGB 230 210 195	#E6D2C3
100.0%	100.0% #EDD3C6	RGB 237 211 198	#EDD3C6

#C7C5B5 #CDC9B8 #D3CCBB #DACFBE #E0D1C0 #E6D2C3 #EDD3C6

#C7C5B5 - #DACFBE - #EDD3C6

CSS codes

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

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