#C8CEB5 - #FCFFC7 | 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 #C8CEB5 to #FCFFC7

#C8CEB5 #FCFFC7

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

#C8CEB5 - #FCFFC7 | 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 #C8CEB5 as 0% and #FCFFC7 as 100%.

0.0%	0.0% #C8CEB5	RGB 200 206 181	#C8CEB5
16.7%	16.7% #D0D6B8	RGB 208 214 184	#D0D6B8
33.3%	33.3% #D9DEBB	RGB 217 222 187	#D9DEBB
50.0%	50.0% #E2E6BE	RGB 226 230 190	#E2E6BE
66.7%	66.7% #EAEEC1	RGB 234 238 193	#EAEEC1
83.3%	83.3% #F3F6C4	RGB 243 246 196	#F3F6C4
100.0%	100.0% #FCFFC7	RGB 252 255 199	#FCFFC7

#C8CEB5 #D0D6B8 #D9DEBB #E2E6BE #EAEEC1 #F3F6C4 #FCFFC7

#C8CEB5 - #FCFFC7

HSV Blend

#C8CEB5 - #FCFFC7 | 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 #C8CEB5 as 0% and #FCFFC7 as 100%.

0.0%	0.0% #C8CEB5	RGB 200 206 181	#C8CEB5
16.7%	16.7% #D0D6B8	RGB 208 214 184	#D0D6B8
33.3%	33.3% #D8DEBC	RGB 216 222 188	#D8DEBC
50.0%	50.0% #E0E6BF	RGB 224 230 191	#E0E6BF
66.7%	66.7% #E9EEC2	RGB 233 238 194	#E9EEC2
83.3%	83.3% #F2F6C4	RGB 242 246 196	#F2F6C4
100.0%	100.0% #FCFFC7	RGB 252 255 199	#FCFFC7

#C8CEB5 #D0D6B8 #D8DEBC #E0E6BF #E9EEC2 #F2F6C4 #FCFFC7

#C8CEB5 - #E0E6BF - #FCFFC7

CSS codes

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

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