#C0ADA8 - #BAFFBA | 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 #C0ADA8 to #BAFFBA

#C0ADA8 #BAFFBA

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

#C0ADA8 - #BAFFBA | 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 #C0ADA8 as 0% and #BAFFBA as 100%.

0.0%	0.0% #C0ADA8	RGB 192 173 168	#C0ADA8
16.7%	16.7% #BFBAAB	RGB 191 186 171	#BFBAAB
33.3%	33.3% #BEC8AE	RGB 190 200 174	#BEC8AE
50.0%	50.0% #BDD6B1	RGB 189 214 177	#BDD6B1
66.7%	66.7% #BCE3B4	RGB 188 227 180	#BCE3B4
83.3%	83.3% #BBF1B7	RGB 187 241 183	#BBF1B7
100.0%	100.0% #BAFFBA	RGB 186 255 186	#BAFFBA

#C0ADA8 #BFBAAB #BEC8AE #BDD6B1 #BCE3B4 #BBF1B7 #BAFFBA

#C0ADA8 - #BAFFBA

HSV Blend

#C0ADA8 - #BAFFBA | 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 #C0ADA8 as 0% and #BAFFBA as 100%.

0.0%	0.0% #C0ADA8	RGB 192 173 168	#C0ADA8
16.7%	16.7% #CABBAC	RGB 202 187 172	#CABBAC
33.3%	33.3% #D5CDB0	RGB 213 205 176	#D5CDB0
50.0%	50.0% #DADFB3	RGB 218 223 179	#DADFB3
66.7%	66.7% #D5EAB6	RGB 213 234 182	#D5EAB6
83.3%	83.3% #CAF4B8	RGB 202 244 184	#CAF4B8
100.0%	100.0% #BAFFBA	RGB 186 255 186	#BAFFBA

#C0ADA8 #CABBAC #D5CDB0 #DADFB3 #D5EAB6 #CAF4B8 #BAFFBA

#C0ADA8 - #DADFB3 - #BAFFBA

CSS codes

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

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