#C0ADC2 - #CDDAC7 | 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 #C0ADC2 to #CDDAC7

#C0ADC2 #CDDAC7

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

#C0ADC2 - #CDDAC7 | 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 #C0ADC2 as 0% and #CDDAC7 as 100%.

0.0%	0.0% #C0ADC2	RGB 192 173 194	#C0ADC2
16.7%	16.7% #C2B4C2	RGB 194 180 194	#C2B4C2
33.3%	33.3% #C4BCC3	RGB 196 188 195	#C4BCC3
50.0%	50.0% #C6C3C4	RGB 198 195 196	#C6C3C4
66.7%	66.7% #C8CBC5	RGB 200 203 197	#C8CBC5
83.3%	83.3% #CAD2C6	RGB 202 210 198	#CAD2C6
100.0%	100.0% #CDDAC7	RGB 205 218 199	#CDDAC7

#C0ADC2 #C2B4C2 #C4BCC3 #C6C3C4 #C8CBC5 #CAD2C6 #CDDAC7

#C0ADC2 - #CDDAC7

HSV Blend

#C0ADC2 - #CDDAC7 | 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 #C0ADC2 as 0% and #CDDAC7 as 100%.

0.0%	0.0% #C0ADC2	RGB 192 173 194	#C0ADC2
16.7%	16.7% #C6B1BE	RGB 198 177 190	#C6B1BE
33.3%	33.3% #CAB5B9	RGB 202 181 185	#CAB5B9
50.0%	50.0% #CEBFB9	RGB 206 191 185	#CEBFB9
66.7%	66.7% #D2CDBE	RGB 210 205 190	#D2CDBE
83.3%	83.3% #D1D6C2	RGB 209 214 194	#D1D6C2
100.0%	100.0% #CDDAC7	RGB 205 218 199	#CDDAC7

#C0ADC2 #C6B1BE #CAB5B9 #CEBFB9 #D2CDBE #D1D6C2 #CDDAC7

#C0ADC2 - #CEBFB9 - #CDDAC7

CSS codes

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

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