#CCCCCD - #CAC4E3 | 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 #CCCCCD to #CAC4E3

#CCCCCD #CAC4E3

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

#CCCCCD - #CAC4E3 | 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 #CCCCCD as 0% and #CAC4E3 as 100%.

0.0%	0.0% #CCCCCD	RGB 204 204 205	#CCCCCD
16.7%	16.7% #CBCAD0	RGB 203 202 208	#CBCAD0
33.3%	33.3% #CBC9D4	RGB 203 201 212	#CBC9D4
50.0%	50.0% #CBC8D8	RGB 203 200 216	#CBC8D8
66.7%	66.7% #CAC6DB	RGB 202 198 219	#CAC6DB
83.3%	83.3% #CAC5DF	RGB 202 197 223	#CAC5DF
100.0%	100.0% #CAC4E3	RGB 202 196 227	#CAC4E3

#CCCCCD #CBCAD0 #CBC9D4 #CBC8D8 #CAC6DB #CAC5DF #CAC4E3

#CCCCCD - #CAC4E3

HSV Blend

#CCCCCD - #CAC4E3 | 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 #CCCCCD as 0% and #CAC4E3 as 100%.

0.0%	0.0% #CCCCCD	RGB 204 204 205	#CCCCCD
16.7%	16.7% #CBCBD0	RGB 203 203 208	#CBCBD0
33.3%	33.3% #CAC9D4	RGB 202 201 212	#CAC9D4
50.0%	50.0% #CAC8D8	RGB 202 200 216	#CAC8D8
66.7%	66.7% #C9C7DB	RGB 201 199 219	#C9C7DB
83.3%	83.3% #C9C5DF	RGB 201 197 223	#C9C5DF
100.0%	100.0% #CAC4E3	RGB 202 196 227	#CAC4E3

#CCCCCD #CBCBD0 #CAC9D4 #CAC8D8 #C9C7DB #C9C5DF #CAC4E3

#CCCCCD - #CAC8D8 - #CAC4E3

CSS codes

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

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