#C8C0BA - #BEFFC2 | 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 #C8C0BA to #BEFFC2

#C8C0BA #BEFFC2

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

#C8C0BA - #BEFFC2 | 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 #C8C0BA as 0% and #BEFFC2 as 100%.

0.0%	0.0% #C8C0BA	RGB 200 192 186	#C8C0BA
16.7%	16.7% #C6CABB	RGB 198 202 187	#C6CABB
33.3%	33.3% #C4D5BC	RGB 196 213 188	#C4D5BC
50.0%	50.0% #C3DFBE	RGB 195 223 190	#C3DFBE
66.7%	66.7% #C1EABF	RGB 193 234 191	#C1EABF
83.3%	83.3% #BFF4C0	RGB 191 244 192	#BFF4C0
100.0%	100.0% #BEFFC2	RGB 190 255 194	#BEFFC2

#C8C0BA #C6CABB #C4D5BC #C3DFBE #C1EABF #BFF4C0 #BEFFC2

#C8C0BA - #BEFFC2

HSV Blend

#C8C0BA - #BEFFC2 | 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 #C8C0BA as 0% and #BEFFC2 as 100%.

0.0%	0.0% #C8C0BA	RGB 200 192 186	#C8C0BA
16.7%	16.7% #D1CABC	RGB 209 202 188	#D1CABC
33.3%	33.3% #DAD9BD	RGB 218 217 189	#DAD9BD
50.0%	50.0% #DAE3BE	RGB 218 227 190	#DAE3BE
66.7%	66.7% #D5ECBE	RGB 213 236 190	#D5ECBE
83.3%	83.3% #CAF5BE	RGB 202 245 190	#CAF5BE
100.0%	100.0% #BEFFC2	RGB 190 255 194	#BEFFC2

#C8C0BA #D1CABC #DAD9BD #DAE3BE #D5ECBE #CAF5BE #BEFFC2

#C8C0BA - #DAE3BE - #BEFFC2

CSS codes

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

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