#C2C2DF - #D9DFDD | 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 #C2C2DF to #D9DFDD

#C2C2DF #D9DFDD

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

#C2C2DF - #D9DFDD | 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 #C2C2DF as 0% and #D9DFDD as 100%.

0.0%	0.0% #C2C2DF	RGB 194 194 223	#C2C2DF
16.7%	16.7% #C5C6DE	RGB 197 198 222	#C5C6DE
33.3%	33.3% #C9CBDE	RGB 201 203 222	#C9CBDE
50.0%	50.0% #CDD0DE	RGB 205 208 222	#CDD0DE
66.7%	66.7% #D1D5DD	RGB 209 213 221	#D1D5DD
83.3%	83.3% #D5DADD	RGB 213 218 221	#D5DADD
100.0%	100.0% #D9DFDD	RGB 217 223 221	#D9DFDD

#C2C2DF #C5C6DE #C9CBDE #CDD0DE #D1D5DD #D5DADD #D9DFDD

#C2C2DF - #D9DFDD

HSV Blend

#C2C2DF - #D9DFDD | 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 #C2C2DF as 0% and #D9DFDD as 100%.

0.0%	0.0% #C2C2DF	RGB 194 194 223	#C2C2DF
16.7%	16.7% #C5CBDF	RGB 197 203 223	#C5CBDF
33.3%	33.3% #C9D3DF	RGB 201 211 223	#C9D3DF
50.0%	50.0% #CDD9DF	RGB 205 217 223	#CDD9DF
66.7%	66.7% #D1DDDF	RGB 209 221 223	#D1DDDF
83.3%	83.3% #D5DFDD	RGB 213 223 221	#D5DFDD
100.0%	100.0% #D9DFDD	RGB 217 223 221	#D9DFDD

#C2C2DF #C5CBDF #C9D3DF #CDD9DF #D1DDDF #D5DFDD #D9DFDD

#C2C2DF - #CDD9DF - #D9DFDD

CSS codes

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

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