#C1BCAD - #FFE8C0 | 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 #C1BCAD to #FFE8C0

#C1BCAD #FFE8C0

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

#C1BCAD - #FFE8C0 | 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 #C1BCAD as 0% and #FFE8C0 as 100%.

0.0%	0.0% #C1BCAD	RGB 193 188 173	#C1BCAD
16.7%	16.7% #CBC3B0	RGB 203 195 176	#CBC3B0
33.3%	33.3% #D5CAB3	RGB 213 202 179	#D5CAB3
50.0%	50.0% #E0D2B6	RGB 224 210 182	#E0D2B6
66.7%	66.7% #EAD9B9	RGB 234 217 185	#EAD9B9
83.3%	83.3% #F4E0BC	RGB 244 224 188	#F4E0BC
100.0%	100.0% #FFE8C0	RGB 255 232 192	#FFE8C0

#C1BCAD #CBC3B0 #D5CAB3 #E0D2B6 #EAD9B9 #F4E0BC #FFE8C0

#C1BCAD - #FFE8C0

HSV Blend

#C1BCAD - #FFE8C0 | 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 #C1BCAD as 0% and #FFE8C0 as 100%.

0.0%	0.0% #C1BCAD	RGB 193 188 173	#C1BCAD
16.7%	16.7% #CBC4B1	RGB 203 196 177	#CBC4B1
33.3%	33.3% #D5CCB5	RGB 213 204 181	#D5CCB5
50.0%	50.0% #E0D3B8	RGB 224 211 184	#E0D3B8
66.7%	66.7% #EADBBB	RGB 234 219 187	#EADBBB
83.3%	83.3% #F4E1BE	RGB 244 225 190	#F4E1BE
100.0%	100.0% #FFE8C0	RGB 255 232 192	#FFE8C0

#C1BCAD #CBC4B1 #D5CCB5 #E0D3B8 #EADBBB #F4E1BE #FFE8C0

#C1BCAD - #E0D3B8 - #FFE8C0

CSS codes

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

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