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

#C0BBB2 #FFE8C5

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

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

0.0%	0.0% #C0BBB2	RGB 192 187 178	#C0BBB2
16.7%	16.7% #CAC2B5	RGB 202 194 181	#CAC2B5
33.3%	33.3% #D5CAB8	RGB 213 202 184	#D5CAB8
50.0%	50.0% #DFD1BB	RGB 223 209 187	#DFD1BB
66.7%	66.7% #EAD9BE	RGB 234 217 190	#EAD9BE
83.3%	83.3% #F4E0C1	RGB 244 224 193	#F4E0C1
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0BBB2 #CAC2B5 #D5CAB8 #DFD1BB #EAD9BE #F4E0C1 #FFE8C5

#C0BBB2 - #FFE8C5

HSV Blend

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

0.0%	0.0% #C0BBB2	RGB 192 187 178	#C0BBB2
16.7%	16.7% #CAC3B6	RGB 202 195 182	#CAC3B6
33.3%	33.3% #D5CBBA	RGB 213 203 186	#D5CBBA
50.0%	50.0% #DFD2BD	RGB 223 210 189	#DFD2BD
66.7%	66.7% #EADAC0	RGB 234 218 192	#EADAC0
83.3%	83.3% #F4E1C3	RGB 244 225 195	#F4E1C3
100.0%	100.0% #FFE8C5	RGB 255 232 197	#FFE8C5

#C0BBB2 #CAC3B6 #D5CBBA #DFD2BD #EADAC0 #F4E1C3 #FFE8C5

#C0BBB2 - #DFD2BD - #FFE8C5

CSS codes

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

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