#C9C8DC - #CFDBE8 | 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 #C9C8DC to #CFDBE8

#C9C8DC #CFDBE8

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

#C9C8DC - #CFDBE8 | 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 #C9C8DC as 0% and #CFDBE8 as 100%.

0.0%	0.0% #C9C8DC	RGB 201 200 220	#C9C8DC
16.7%	16.7% #CACBDE	RGB 202 203 222	#CACBDE
33.3%	33.3% #CBCEE0	RGB 203 206 224	#CBCEE0
50.0%	50.0% #CCD1E2	RGB 204 209 226	#CCD1E2
66.7%	66.7% #CDD4E4	RGB 205 212 228	#CDD4E4
83.3%	83.3% #CED7E6	RGB 206 215 230	#CED7E6
100.0%	100.0% #CFDBE8	RGB 207 219 232	#CFDBE8

#C9C8DC #CACBDE #CBCEE0 #CCD1E2 #CDD4E4 #CED7E6 #CFDBE8

#C9C8DC - #CFDBE8

HSV Blend

#C9C8DC - #CFDBE8 | 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 #C9C8DC as 0% and #CFDBE8 as 100%.

0.0%	0.0% #C9C8DC	RGB 201 200 220	#C9C8DC
16.7%	16.7% #C9C9DE	RGB 201 201 222	#C9C9DE
33.3%	33.3% #CACDE0	RGB 202 205 224	#CACDE0
50.0%	50.0% #CBD0E2	RGB 203 208 226	#CBD0E2
66.7%	66.7% #CCD3E4	RGB 204 211 228	#CCD3E4
83.3%	83.3% #CDD7E6	RGB 205 215 230	#CDD7E6
100.0%	100.0% #CFDBE8	RGB 207 219 232	#CFDBE8

#C9C8DC #C9C9DE #CACDE0 #CBD0E2 #CCD3E4 #CDD7E6 #CFDBE8

#C9C8DC - #CBD0E2 - #CFDBE8

CSS codes

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

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