#C0B5AF - #EDEAE8 | 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 #C0B5AF to #EDEAE8

#C0B5AF #EDEAE8

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

#C0B5AF - #EDEAE8 | 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 #C0B5AF as 0% and #EDEAE8 as 100%.

0.0%	0.0% #C0B5AF	RGB 192 181 175	#C0B5AF
16.7%	16.7% #C7BDB8	RGB 199 189 184	#C7BDB8
33.3%	33.3% #CFC6C2	RGB 207 198 194	#CFC6C2
50.0%	50.0% #D6CFCB	RGB 214 207 203	#D6CFCB
66.7%	66.7% #DED8D5	RGB 222 216 213	#DED8D5
83.3%	83.3% #E5E1DE	RGB 229 225 222	#E5E1DE
100.0%	100.0% #EDEAE8	RGB 237 234 232	#EDEAE8

#C0B5AF #C7BDB8 #CFC6C2 #D6CFCB #DED8D5 #E5E1DE #EDEAE8

#C0B5AF - #EDEAE8

HSV Blend

#C0B5AF - #EDEAE8 | 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 #C0B5AF as 0% and #EDEAE8 as 100%.

0.0%	0.0% #C0B5AF	RGB 192 181 175	#C0B5AF
16.7%	16.7% #C7BDB8	RGB 199 189 184	#C7BDB8
33.3%	33.3% #CFC6C1	RGB 207 198 193	#CFC6C1
50.0%	50.0% #D6CFCA	RGB 214 207 202	#D6CFCA
66.7%	66.7% #DED8D4	RGB 222 216 212	#DED8D4
83.3%	83.3% #E5E0DE	RGB 229 224 222	#E5E0DE
100.0%	100.0% #EDEAE8	RGB 237 234 232	#EDEAE8

#C0B5AF #C7BDB8 #CFC6C1 #D6CFCA #DED8D4 #E5E0DE #EDEAE8

#C0B5AF - #D6CFCA - #EDEAE8

CSS codes

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

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