#C8DBAF - #EFF4E8 | 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 #C8DBAF to #EFF4E8

#C8DBAF #EFF4E8

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

#C8DBAF - #EFF4E8 | 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 #C8DBAF as 0% and #EFF4E8 as 100%.

0.0%	0.0% #C8DBAF	RGB 200 219 175	#C8DBAF
16.7%	16.7% #CEDFB8	RGB 206 223 184	#CEDFB8
33.3%	33.3% #D5E3C2	RGB 213 227 194	#D5E3C2
50.0%	50.0% #DBE7CB	RGB 219 231 203	#DBE7CB
66.7%	66.7% #E2EBD5	RGB 226 235 213	#E2EBD5
83.3%	83.3% #E8EFDE	RGB 232 239 222	#E8EFDE
100.0%	100.0% #EFF4E8	RGB 239 244 232	#EFF4E8

#C8DBAF #CEDFB8 #D5E3C2 #DBE7CB #E2EBD5 #E8EFDE #EFF4E8

#C8DBAF - #EFF4E8

HSV Blend

#C8DBAF - #EFF4E8 | 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 #C8DBAF as 0% and #EFF4E8 as 100%.

0.0%	0.0% #C8DBAF	RGB 200 219 175	#C8DBAF
16.7%	16.7% #CEDFB7	RGB 206 223 183	#CEDFB7
33.3%	33.3% #D4E3C1	RGB 212 227 193	#D4E3C1
50.0%	50.0% #DBE7CA	RGB 219 231 202	#DBE7CA
66.7%	66.7% #E1EBD4	RGB 225 235 212	#E1EBD4
83.3%	83.3% #E8EFDD	RGB 232 239 221	#E8EFDD
100.0%	100.0% #EFF4E8	RGB 239 244 232	#EFF4E8

#C8DBAF #CEDFB7 #D4E3C1 #DBE7CA #E1EBD4 #E8EFDD #EFF4E8

#C8DBAF - #DBE7CA - #EFF4E8

CSS codes

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

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