#C8C0B5 - #F7FFD2 | 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 #C8C0B5 to #F7FFD2

#C8C0B5 #F7FFD2

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

#C8C0B5 - #F7FFD2 | 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 #C8C0B5 as 0% and #F7FFD2 as 100%.

0.0%	0.0% #C8C0B5	RGB 200 192 181	#C8C0B5
16.7%	16.7% #CFCAB9	RGB 207 202 185	#CFCAB9
33.3%	33.3% #D7D5BE	RGB 215 213 190	#D7D5BE
50.0%	50.0% #DFDFC3	RGB 223 223 195	#DFDFC3
66.7%	66.7% #E7EAC8	RGB 231 234 200	#E7EAC8
83.3%	83.3% #EFF4CD	RGB 239 244 205	#EFF4CD
100.0%	100.0% #F7FFD2	RGB 247 255 210	#F7FFD2

#C8C0B5 #CFCAB9 #D7D5BE #DFDFC3 #E7EAC8 #EFF4CD #F7FFD2

#C8C0B5 - #F7FFD2

HSV Blend

#C8C0B5 - #F7FFD2 | 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 #C8C0B5 as 0% and #F7FFD2 as 100%.

0.0%	0.0% #C8C0B5	RGB 200 192 181	#C8C0B5
16.7%	16.7% #D1C9BA	RGB 209 201 186	#D1C9BA
33.3%	33.3% #DAD4BF	RGB 218 212 191	#DAD4BF
50.0%	50.0% #E3DFC4	RGB 227 223 196	#E3DFC4
66.7%	66.7% #ECEBC9	RGB 236 235 201	#ECEBC9
83.3%	83.3% #F2F5CD	RGB 242 245 205	#F2F5CD
100.0%	100.0% #F7FFD2	RGB 247 255 210	#F7FFD2

#C8C0B5 #D1C9BA #DAD4BF #E3DFC4 #ECEBC9 #F2F5CD #F7FFD2

#C8C0B5 - #E3DFC4 - #F7FFD2

CSS codes

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

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