#C0A8AF - #FFE2C2 | 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 #C0A8AF to #FFE2C2

#C0A8AF #FFE2C2

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

#C0A8AF - #FFE2C2 | 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 #C0A8AF as 0% and #FFE2C2 as 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #CAB1B2	RGB 202 177 178	#CAB1B2
33.3%	33.3% #D5BBB5	RGB 213 187 181	#D5BBB5
50.0%	50.0% #DFC5B8	RGB 223 197 184	#DFC5B8
66.7%	66.7% #EACEBB	RGB 234 206 187	#EACEBB
83.3%	83.3% #F4D8BE	RGB 244 216 190	#F4D8BE
100.0%	100.0% #FFE2C2	RGB 255 226 194	#FFE2C2

#C0A8AF #CAB1B2 #D5BBB5 #DFC5B8 #EACEBB #F4D8BE #FFE2C2

#C0A8AF - #FFE2C2

HSV Blend

#C0A8AF - #FFE2C2 | 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 #C0A8AF as 0% and #FFE2C2 as 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #CAADB1	RGB 202 173 177	#CAADB1
33.3%	33.3% #D5B2B2	RGB 213 178 178	#D5B2B2
50.0%	50.0% #DFBBB6	RGB 223 187 182	#DFBBB6
66.7%	66.7% #EAC6BA	RGB 234 198 186	#EAC6BA
83.3%	83.3% #F4D3BE	RGB 244 211 190	#F4D3BE
100.0%	100.0% #FFE2C2	RGB 255 226 194	#FFE2C2

#C0A8AF #CAADB1 #D5B2B2 #DFBBB6 #EAC6BA #F4D3BE #FFE2C2

#C0A8AF - #DFBBB6 - #FFE2C2

CSS codes

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

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