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

#C0BAB1 #FFE8C5

Calculate the color between two colors, #C0BAB1 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)

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

0.0%	0.0% #C0BAB1	RGB 192 186 177	#C0BAB1
16.7%	16.7% #CAC1B4	RGB 202 193 180	#CAC1B4
33.3%	33.3% #D5C9B7	RGB 213 201 183	#D5C9B7
50.0%	50.0% #DFD1BB	RGB 223 209 187	#DFD1BB
66.7%	66.7% #EAD8BE	RGB 234 216 190	#EAD8BE
83.3%	83.3% #F4E0C1	RGB 244 224 193	#F4E0C1
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0BAB1 #CAC1B4 #D5C9B7 #DFD1BB #EAD8BE #F4E0C1 #FFE8C5

#C0BAB1 - #FFE8C5

HSV Blend

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

0.0%	0.0% #C0BAB1	RGB 192 186 177	#C0BAB1
16.7%	16.7% #CAC2B5	RGB 202 194 181	#CAC2B5
33.3%	33.3% #D5CAB9	RGB 213 202 185	#D5CAB9
50.0%	50.0% #DFD1BD	RGB 223 209 189	#DFD1BD
66.7%	66.7% #EAD9C0	RGB 234 217 192	#EAD9C0
83.3%	83.3% #F4E0C2	RGB 244 224 194	#F4E0C2
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0BAB1 #CAC2B5 #D5CAB9 #DFD1BD #EAD9C0 #F4E0C2 #FFE8C5

#C0BAB1 - #DFD1BD - #FFE8C5

CSS codes

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

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