#C0C0B8 - #FFE8C4 | 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 #C0C0B8 to #FFE8C4

#C0C0B8 #FFE8C4

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

#C0C0B8 - #FFE8C4 | 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 #C0C0B8 as 0% and #FFE8C4 as 100%.

0.0%	0.0% #C0C0B8	RGB 192 192 184	#C0C0B8
16.7%	16.7% #CAC6BA	RGB 202 198 186	#CAC6BA
33.3%	33.3% #D5CDBC	RGB 213 205 188	#D5CDBC
50.0%	50.0% #DFD4BE	RGB 223 212 190	#DFD4BE
66.7%	66.7% #EADAC0	RGB 234 218 192	#EADAC0
83.3%	83.3% #F4E1C2	RGB 244 225 194	#F4E1C2
100.0%	100.0% #FFE8C4	RGB 255 232 196	#FFE8C4

#C0C0B8 #CAC6BA #D5CDBC #DFD4BE #EADAC0 #F4E1C2 #FFE8C4

#C0C0B8 - #FFE8C4

HSV Blend

#C0C0B8 - #FFE8C4 | 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 #C0C0B8 as 0% and #FFE8C4 as 100%.

0.0%	0.0% #C0C0B8	RGB 192 192 184	#C0C0B8
16.7%	16.7% #CAC9BB	RGB 202 201 187	#CAC9BB
33.3%	33.3% #D5D2BE	RGB 213 210 190	#D5D2BE
50.0%	50.0% #DFD9C0	RGB 223 217 192	#DFD9C0
66.7%	66.7% #EADFC2	RGB 234 223 194	#EADFC2
83.3%	83.3% #F4E4C3	RGB 244 228 195	#F4E4C3
100.0%	100.0% #FFE8C4	RGB 255 232 196	#FFE8C4

#C0C0B8 #CAC9BB #D5D2BE #DFD9C0 #EADFC2 #F4E4C3 #FFE8C4

#C0C0B8 - #DFD9C0 - #FFE8C4

CSS codes

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

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