#C9C7E2 - #CFD9EB | 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 #C9C7E2 to #CFD9EB

#C9C7E2 #CFD9EB

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

#C9C7E2 - #CFD9EB | 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 #C9C7E2 as 0% and #CFD9EB as 100%.

0.0%	0.0% #C9C7E2	RGB 201 199 226	#C9C7E2
16.7%	16.7% #CACAE3	RGB 202 202 227	#CACAE3
33.3%	33.3% #CBCDE5	RGB 203 205 229	#CBCDE5
50.0%	50.0% #CCD0E6	RGB 204 208 230	#CCD0E6
66.7%	66.7% #CDD3E8	RGB 205 211 232	#CDD3E8
83.3%	83.3% #CED6E9	RGB 206 214 233	#CED6E9
100.0%	100.0% #CFD9EB	RGB 207 217 235	#CFD9EB

#C9C7E2 #CACAE3 #CBCDE5 #CCD0E6 #CDD3E8 #CED6E9 #CFD9EB

#C9C7E2 - #CFD9EB

HSV Blend

#C9C7E2 - #CFD9EB | 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 #C9C7E2 as 0% and #CFD9EB as 100%.

0.0%	0.0% #C9C7E2	RGB 201 199 226	#C9C7E2
16.7%	16.7% #C8C8E3	RGB 200 200 227	#C8C8E3
33.3%	33.3% #C9CBE5	RGB 201 203 229	#C9CBE5
50.0%	50.0% #CACEE6	RGB 202 206 230	#CACEE6
66.7%	66.7% #CCD2E8	RGB 204 210 232	#CCD2E8
83.3%	83.3% #CDD5E9	RGB 205 213 233	#CDD5E9
100.0%	100.0% #CFD9EB	RGB 207 217 235	#CFD9EB

#C9C7E2 #C8C8E3 #C9CBE5 #CACEE6 #CCD2E8 #CDD5E9 #CFD9EB

#C9C7E2 - #CACEE6 - #CFD9EB

CSS codes

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

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