#CFDFAC - #DDD9CF | 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 #CFDFAC to #DDD9CF

#CFDFAC #DDD9CF

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

#CFDFAC - #DDD9CF | 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 #CFDFAC as 0% and #DDD9CF as 100%.

0.0%	0.0% #CFDFAC	RGB 207 223 172	#CFDFAC
16.7%	16.7% #D1DEB1	RGB 209 222 177	#D1DEB1
33.3%	33.3% #D3DDB7	RGB 211 221 183	#D3DDB7
50.0%	50.0% #D6DCBD	RGB 214 220 189	#D6DCBD
66.7%	66.7% #D8DBC3	RGB 216 219 195	#D8DBC3
83.3%	83.3% #DADAC9	RGB 218 218 201	#DADAC9
100.0%	100.0% #DDD9CF	RGB 221 217 207	#DDD9CF

#CFDFAC #D1DEB1 #D3DDB7 #D6DCBD #D8DBC3 #DADAC9 #DDD9CF

#CFDFAC - #DDD9CF

HSV Blend

#CFDFAC - #DDD9CF | 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 #CFDFAC as 0% and #DDD9CF as 100%.

0.0%	0.0% #CFDFAC	RGB 207 223 172	#CFDFAC
16.7%	16.7% #D5DEB1	RGB 213 222 177	#D5DEB1
33.3%	33.3% #D9DEB7	RGB 217 222 183	#D9DEB7
50.0%	50.0% #DDDEBD	RGB 221 222 189	#DDDEBD
66.7%	66.7% #DDDBC3	RGB 221 219 195	#DDDBC3
83.3%	83.3% #DDD9C9	RGB 221 217 201	#DDD9C9
100.0%	100.0% #DDD9CF	RGB 221 217 207	#DDD9CF

#CFDFAC #D5DEB1 #D9DEB7 #DDDEBD #DDDBC3 #DDD9C9 #DDD9CF

#CFDFAC - #DDDEBD - #DDD9CF

CSS codes

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

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