#C8D9B8 - #DFDADD | 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 #C8D9B8 to #DFDADD

#C8D9B8 #DFDADD

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

#C8D9B8 - #DFDADD | 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 #C8D9B8 as 0% and #DFDADD as 100%.

0.0%	0.0% #C8D9B8	RGB 200 217 184	#C8D9B8
16.7%	16.7% #CBD9BE	RGB 203 217 190	#CBD9BE
33.3%	33.3% #CFD9C4	RGB 207 217 196	#CFD9C4
50.0%	50.0% #D3D9CA	RGB 211 217 202	#D3D9CA
66.7%	66.7% #D7D9D0	RGB 215 217 208	#D7D9D0
83.3%	83.3% #DBD9D6	RGB 219 217 214	#DBD9D6
100.0%	100.0% #DFDADD	RGB 223 218 221	#DFDADD

#C8D9B8 #CBD9BE #CFD9C4 #D3D9CA #D7D9D0 #DBD9D6 #DFDADD

#C8D9B8 - #DFDADD

HSV Blend

#C8D9B8 - #DFDADD | 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 #C8D9B8 as 0% and #DFDADD as 100%.

0.0%	0.0% #C8D9B8	RGB 200 217 184	#C8D9B8
16.7%	16.7% #D5DABD	RGB 213 218 189	#D5DABD
33.3%	33.3% #DBD6C3	RGB 219 214 195	#DBD6C3
50.0%	50.0% #DCD1C8	RGB 220 209 200	#DCD1C8
66.7%	66.7% #DDD0CE	RGB 221 208 206	#DDD0CE
83.3%	83.3% #DED4D6	RGB 222 212 214	#DED4D6
100.0%	100.0% #DFDADD	RGB 223 218 221	#DFDADD

#C8D9B8 #D5DABD #DBD6C3 #DCD1C8 #DDD0CE #DED4D6 #DFDADD

#C8D9B8 - #DCD1C8 - #DFDADD

CSS codes

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

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