#C0B7AF - #FFE8C5 | 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 #C0B7AF to #FFE8C5

#C0B7AF #FFE8C5

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

#C0B7AF - #FFE8C5 | 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 #C0B7AF as 0% and #FFE8C5 as 100%.

0.0%	0.0% #C0B7AF	RGB 192 183 175	#C0B7AF
16.7%	16.7% #CABFB2	RGB 202 191 178	#CABFB2
33.3%	33.3% #D5C7B6	RGB 213 199 182	#D5C7B6
50.0%	50.0% #DFCFBA	RGB 223 207 186	#DFCFBA
66.7%	66.7% #EAD7BD	RGB 234 215 189	#EAD7BD
83.3%	83.3% #F4DFC1	RGB 244 223 193	#F4DFC1
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0B7AF #CABFB2 #D5C7B6 #DFCFBA #EAD7BD #F4DFC1 #FFE8C5

#C0B7AF - #FFE8C5

HSV Blend

#C0B7AF - #FFE8C5 | 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 #C0B7AF as 0% and #FFE8C5 as 100%.

0.0%	0.0% #C0B7AF	RGB 192 183 175	#C0B7AF
16.7%	16.7% #CABFB3	RGB 202 191 179	#CABFB3
33.3%	33.3% #D5C7B8	RGB 213 199 184	#D5C7B8
50.0%	50.0% #DFCFBC	RGB 223 207 188	#DFCFBC
66.7%	66.7% #EAD7BF	RGB 234 215 191	#EAD7BF
83.3%	83.3% #F4DFC2	RGB 244 223 194	#F4DFC2
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0B7AF #CABFB3 #D5C7B8 #DFCFBC #EAD7BF #F4DFC2 #FFE8C5

#C0B7AF - #DFCFBC - #FFE8C5

CSS codes

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

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