#C0CED4 - #DFDAD6 | 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 #C0CED4 to #DFDAD6

#C0CED4 #DFDAD6

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

#C0CED4 - #DFDAD6 | 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 #C0CED4 as 0% and #DFDAD6 as 100%.

0.0%	0.0% #C0CED4	RGB 192 206 212	#C0CED4
16.7%	16.7% #C5D0D4	RGB 197 208 212	#C5D0D4
33.3%	33.3% #CAD2D4	RGB 202 210 212	#CAD2D4
50.0%	50.0% #CFD4D5	RGB 207 212 213	#CFD4D5
66.7%	66.7% #D4D6D5	RGB 212 214 213	#D4D6D5
83.3%	83.3% #D9D8D5	RGB 217 216 213	#D9D8D5
100.0%	100.0% #DFDAD6	RGB 223 218 214	#DFDAD6

#C0CED4 #C5D0D4 #CAD2D4 #CFD4D5 #D4D6D5 #D9D8D5 #DFDAD6

#C0CED4 - #DFDAD6

HSV Blend

#C0CED4 - #DFDAD6 | 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 #C0CED4 as 0% and #DFDAD6 as 100%.

0.0%	0.0% #C0CED4	RGB 192 206 212	#C0CED4
16.7%	16.7% #C3D5D2	RGB 195 213 210	#C3D5D2
33.3%	33.3% #C7D7CC	RGB 199 215 204	#C7D7CC
50.0%	50.0% #CCD9CA	RGB 204 217 202	#CCD9CA
66.7%	66.7% #D6DBCE	RGB 214 219 206	#D6DBCE
83.3%	83.3% #DDDCD2	RGB 221 220 210	#DDDCD2
100.0%	100.0% #DFDAD6	RGB 223 218 214	#DFDAD6

#C0CED4 #C3D5D2 #C7D7CC #CCD9CA #D6DBCE #DDDCD2 #DFDAD6

#C0CED4 - #CCD9CA - #DFDAD6

CSS codes

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

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