#C5AAA8 - #FAFFCD | 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 #C5AAA8 to #FAFFCD

#C5AAA8 #FAFFCD

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

#C5AAA8 - #FAFFCD | 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 #C5AAA8 as 0% and #FAFFCD as 100%.

0.0%	0.0% #C5AAA8	RGB 197 170 168	#C5AAA8
16.7%	16.7% #CDB8AE	RGB 205 184 174	#CDB8AE
33.3%	33.3% #D6C6B4	RGB 214 198 180	#D6C6B4
50.0%	50.0% #DFD4BA	RGB 223 212 186	#DFD4BA
66.7%	66.7% #E8E2C0	RGB 232 226 192	#E8E2C0
83.3%	83.3% #F1F0C6	RGB 241 240 198	#F1F0C6
100.0%	100.0% #FAFFCD	RGB 250 255 205	#FAFFCD

#C5AAA8 #CDB8AE #D6C6B4 #DFD4BA #E8E2C0 #F1F0C6 #FAFFCD

#C5AAA8 - #FAFFCD

HSV Blend

#C5AAA8 - #FAFFCD | 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 #C5AAA8 as 0% and #FAFFCD as 100%.

0.0%	0.0% #C5AAA8	RGB 197 170 168	#C5AAA8
16.7%	16.7% #CEB6AE	RGB 206 182 174	#CEB6AE
33.3%	33.3% #D8C3B4	RGB 216 195 180	#D8C3B4
50.0%	50.0% #E2D1BB	RGB 226 209 187	#E2D1BB
66.7%	66.7% #EBE1C1	RGB 235 225 193	#EBE1C1
83.3%	83.3% #F5F2C7	RGB 245 242 199	#F5F2C7
100.0%	100.0% #FAFFCD	RGB 250 255 205	#FAFFCD

#C5AAA8 #CEB6AE #D8C3B4 #E2D1BB #EBE1C1 #F5F2C7 #FAFFCD

#C5AAA8 - #E2D1BB - #FAFFCD

CSS codes

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

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