#C5AAA8 - #FBFFCD | 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 #FBFFCD

#C5AAA8 #FBFFCD

Calculate the color between two colors, #C5AAA8 and #FBFFCD. 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 - #FBFFCD | 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 #FBFFCD as 100%.

0.0%	0.0% #C5AAA8	RGB 197 170 168	#C5AAA8
16.7%	16.7% #CEB8AE	RGB 206 184 174	#CEB8AE
33.3%	33.3% #D7C6B4	RGB 215 198 180	#D7C6B4
50.0%	50.0% #E0D4BA	RGB 224 212 186	#E0D4BA
66.7%	66.7% #E9E2C0	RGB 233 226 192	#E9E2C0
83.3%	83.3% #F2F0C6	RGB 242 240 198	#F2F0C6
100.0%	100.0% #FBFFCD	RGB 251 255 205	#FBFFCD

#C5AAA8 #CEB8AE #D7C6B4 #E0D4BA #E9E2C0 #F2F0C6 #FBFFCD

#C5AAA8 - #FBFFCD

HSV Blend

#C5AAA8 - #FBFFCD | 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 #FBFFCD 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% #EBE0C1	RGB 235 224 193	#EBE0C1
83.3%	83.3% #F5F1C7	RGB 245 241 199	#F5F1C7
100.0%	100.0% #FBFFCD	RGB 251 255 205	#FBFFCD

#C5AAA8 #CEB6AE #D8C3B4 #E2D1BB #EBE0C1 #F5F1C7 #FBFFCD

#C5AAA8 - #E2D1BB - #FBFFCD

CSS codes

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

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