#C8CBB5 - #EFF0E9 | 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 #C8CBB5 to #EFF0E9

#C8CBB5 #EFF0E9

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

#C8CBB5 - #EFF0E9 | 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 #C8CBB5 as 0% and #EFF0E9 as 100%.

0.0%	0.0% #C8CBB5	RGB 200 203 181	#C8CBB5
16.7%	16.7% #CED1BD	RGB 206 209 189	#CED1BD
33.3%	33.3% #D5D7C6	RGB 213 215 198	#D5D7C6
50.0%	50.0% #DBDDCF	RGB 219 221 207	#DBDDCF
66.7%	66.7% #E2E3D7	RGB 226 227 215	#E2E3D7
83.3%	83.3% #E8E9E0	RGB 232 233 224	#E8E9E0
100.0%	100.0% #EFF0E9	RGB 239 240 233	#EFF0E9

#C8CBB5 #CED1BD #D5D7C6 #DBDDCF #E2E3D7 #E8E9E0 #EFF0E9

#C8CBB5 - #EFF0E9

HSV Blend

#C8CBB5 - #EFF0E9 | 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 #C8CBB5 as 0% and #EFF0E9 as 100%.

0.0%	0.0% #C8CBB5	RGB 200 203 181	#C8CBB5
16.7%	16.7% #CED1BD	RGB 206 209 189	#CED1BD
33.3%	33.3% #D4D7C5	RGB 212 215 197	#D4D7C5
50.0%	50.0% #DBDDCE	RGB 219 221 206	#DBDDCE
66.7%	66.7% #E1E3D7	RGB 225 227 215	#E1E3D7
83.3%	83.3% #E8E9DF	RGB 232 233 223	#E8E9DF
100.0%	100.0% #EFF0E9	RGB 239 240 233	#EFF0E9

#C8CBB5 #CED1BD #D4D7C5 #DBDDCE #E1E3D7 #E8E9DF #EFF0E9

#C8CBB5 - #DBDDCE - #EFF0E9

CSS codes

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

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