#C8DBAC - #DAD9D0 | 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 #C8DBAC to #DAD9D0

#C8DBAC #DAD9D0

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

#C8DBAC - #DAD9D0 | 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 #C8DBAC as 0% and #DAD9D0 as 100%.

0.0%	0.0% #C8DBAC	RGB 200 219 172	#C8DBAC
16.7%	16.7% #CBDAB2	RGB 203 218 178	#CBDAB2
33.3%	33.3% #CEDAB8	RGB 206 218 184	#CEDAB8
50.0%	50.0% #D1DABE	RGB 209 218 190	#D1DABE
66.7%	66.7% #D4D9C4	RGB 212 217 196	#D4D9C4
83.3%	83.3% #D7D9CA	RGB 215 217 202	#D7D9CA
100.0%	100.0% #DAD9D0	RGB 218 217 208	#DAD9D0

#C8DBAC #CBDAB2 #CEDAB8 #D1DABE #D4D9C4 #D7D9CA #DAD9D0

#C8DBAC - #DAD9D0

HSV Blend

#C8DBAC - #DAD9D0 | 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 #C8DBAC as 0% and #DAD9D0 as 100%.

0.0%	0.0% #C8DBAC	RGB 200 219 172	#C8DBAC
16.7%	16.7% #CDDAB2	RGB 205 218 178	#CDDAB2
33.3%	33.3% #D2DAB8	RGB 210 218 184	#D2DAB8
50.0%	50.0% #D6DABE	RGB 214 218 190	#D6DABE
66.7%	66.7% #D8DAC4	RGB 216 218 196	#D8DAC4
83.3%	83.3% #DAD9CA	RGB 218 217 202	#DAD9CA
100.0%	100.0% #DAD9D0	RGB 218 217 208	#DAD9D0

#C8DBAC #CDDAB2 #D2DAB8 #D6DABE #D8DAC4 #DAD9CA #DAD9D0

#C8DBAC - #D6DABE - #DAD9D0

CSS codes

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

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