#F8F0EE - #C0A8AE | 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 #F8F0EE to #C0A8AE

#F8F0EE #C0A8AE

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

#F8F0EE - #C0A8AE | 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 #F8F0EE as 0% and #C0A8AE as 100%.

0.0%	0.0% #F8F0EE	RGB 248 240 238	#F8F0EE
16.7%	16.7% #EEE4E3	RGB 238 228 227	#EEE4E3
33.3%	33.3% #E5D8D8	RGB 229 216 216	#E5D8D8
50.0%	50.0% #DCCCCE	RGB 220 204 206	#DCCCCE
66.7%	66.7% #D2C0C3	RGB 210 192 195	#D2C0C3
83.3%	83.3% #C9B4B8	RGB 201 180 184	#C9B4B8
100.0%	100.0% #C0A8AE	RGB 192 168 174	#C0A8AE

#F8F0EE #EEE4E3 #E5D8D8 #DCCCCE #D2C0C3 #C9B4B8 #C0A8AE

#F8F0EE - #C0A8AE

HSV Blend

#F8F0EE - #C0A8AE | 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 #F8F0EE as 0% and #C0A8AE as 100%.

0.0%	0.0% #F8F0EE	RGB 248 240 238	#F8F0EE
16.7%	16.7% #EEE3E1	RGB 238 227 225	#EEE3E1
33.3%	33.3% #E5D6D5	RGB 229 214 213	#E5D6D5
50.0%	50.0% #DCC9CA	RGB 220 201 202	#DCC9CA
66.7%	66.7% #D2BEC0	RGB 210 190 192	#D2BEC0
83.3%	83.3% #C9B3B6	RGB 201 179 182	#C9B3B6
100.0%	100.0% #C0A8AE	RGB 192 168 174	#C0A8AE

#F8F0EE #EEE3E1 #E5D6D5 #DCC9CA #D2BEC0 #C9B3B6 #C0A8AE

#F8F0EE - #DCC9CA - #C0A8AE

CSS codes

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

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