#C6CFC3 - #DCD2DF | 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 #C6CFC3 to #DCD2DF

#C6CFC3 #DCD2DF

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

#C6CFC3 - #DCD2DF | 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 #C6CFC3 as 0% and #DCD2DF as 100%.

0.0%	0.0% #C6CFC3	RGB 198 207 195	#C6CFC3
16.7%	16.7% #C9CFC7	RGB 201 207 199	#C9CFC7
33.3%	33.3% #CDD0CC	RGB 205 208 204	#CDD0CC
50.0%	50.0% #D1D0D1	RGB 209 208 209	#D1D0D1
66.7%	66.7% #D4D1D5	RGB 212 209 213	#D4D1D5
83.3%	83.3% #D8D1DA	RGB 216 209 218	#D8D1DA
100.0%	100.0% #DCD2DF	RGB 220 210 223	#DCD2DF

#C6CFC3 #C9CFC7 #CDD0CC #D1D0D1 #D4D1D5 #D8D1DA #DCD2DF

#C6CFC3 - #DCD2DF

HSV Blend

#C6CFC3 - #DCD2DF | 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 #C6CFC3 as 0% and #DCD2DF as 100%.

0.0%	0.0% #C6CFC3	RGB 198 207 195	#C6CFC3
16.7%	16.7% #CED1C5	RGB 206 209 197	#CED1C5
33.3%	33.3% #D4D1C8	RGB 212 209 200	#D4D1C8
50.0%	50.0% #D7CDCA	RGB 215 205 202	#D7CDCA
66.7%	66.7% #D9CDD0	RGB 217 205 208	#D9CDD0
83.3%	83.3% #DCCFD8	RGB 220 207 216	#DCCFD8
100.0%	100.0% #DCD2DF	RGB 220 210 223	#DCD2DF

#C6CFC3 #CED1C5 #D4D1C8 #D7CDCA #D9CDD0 #DCCFD8 #DCD2DF

#C6CFC3 - #D7CDCA - #DCD2DF

CSS codes

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

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