#BDC0AF - #C8FFC9 | 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 #BDC0AF to #C8FFC9

#BDC0AF #C8FFC9

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

#BDC0AF - #C8FFC9 | 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 #BDC0AF as 0% and #C8FFC9 as 100%.

0.0%	0.0% #BDC0AF	RGB 189 192 175	#BDC0AF
16.7%	16.7% #BECAB3	RGB 190 202 179	#BECAB3
33.3%	33.3% #C0D5B7	RGB 192 213 183	#C0D5B7
50.0%	50.0% #C2DFBC	RGB 194 223 188	#C2DFBC
66.7%	66.7% #C4EAC0	RGB 196 234 192	#C4EAC0
83.3%	83.3% #C6F4C4	RGB 198 244 196	#C6F4C4
100.0%	100.0% #C8FFC9	RGB 200 255 201	#C8FFC9

#BDC0AF #BECAB3 #C0D5B7 #C2DFBC #C4EAC0 #C6F4C4 #C8FFC9

#BDC0AF - #C8FFC9

HSV Blend

#BDC0AF - #C8FFC9 | 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 #BDC0AF as 0% and #C8FFC9 as 100%.

0.0%	0.0% #BDC0AF	RGB 189 192 175	#BDC0AF
16.7%	16.7% #C3CAB4	RGB 195 202 180	#C3CAB4
33.3%	33.3% #C8D5B9	RGB 200 213 185	#C8D5B9
50.0%	50.0% #CBDFBD	RGB 203 223 189	#CBDFBD
66.7%	66.7% #CCEAC1	RGB 204 234 193	#CCEAC1
83.3%	83.3% #CAF4C4	RGB 202 244 196	#CAF4C4
100.0%	100.0% #C8FFC9	RGB 200 255 201	#C8FFC9

#BDC0AF #C3CAB4 #C8D5B9 #CBDFBD #CCEAC1 #CAF4C4 #C8FFC9

#BDC0AF - #CBDFBD - #C8FFC9

CSS codes

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

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