#C7CFD8 - #CCECDD | 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 #C7CFD8 to #CCECDD

#C7CFD8 #CCECDD

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

#C7CFD8 - #CCECDD | 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 #C7CFD8 as 0% and #CCECDD as 100%.

0.0%	0.0% #C7CFD8	RGB 199 207 216	#C7CFD8
16.7%	16.7% #C7D3D8	RGB 199 211 216	#C7D3D8
33.3%	33.3% #C8D8D9	RGB 200 216 217	#C8D8D9
50.0%	50.0% #C9DDDA	RGB 201 221 218	#C9DDDA
66.7%	66.7% #CAE2DB	RGB 202 226 219	#CAE2DB
83.3%	83.3% #CBE7DC	RGB 203 231 220	#CBE7DC
100.0%	100.0% #CCECDD	RGB 204 236 221	#CCECDD

#C7CFD8 #C7D3D8 #C8D8D9 #C9DDDA #CAE2DB #CBE7DC #CCECDD

#C7CFD8 - #CCECDD

HSV Blend

#C7CFD8 - #CCECDD | 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 #C7CFD8 as 0% and #CCECDD as 100%.

0.0%	0.0% #C7CFD8	RGB 199 207 216	#C7CFD8
16.7%	16.7% #C7D4DB	RGB 199 212 219	#C7D4DB
33.3%	33.3% #C8DADE	RGB 200 218 222	#C8DADE
50.0%	50.0% #C9E1E2	RGB 201 225 226	#C9E1E2
66.7%	66.7% #CAE5E1	RGB 202 229 225	#CAE5E1
83.3%	83.3% #CBE8DF	RGB 203 232 223	#CBE8DF
100.0%	100.0% #CCECDD	RGB 204 236 221	#CCECDD

#C7CFD8 #C7D4DB #C8DADE #C9E1E2 #CAE5E1 #CBE8DF #CCECDD

#C7CFD8 - #C9E1E2 - #CCECDD

CSS codes

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

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