#C8CAD1 - #FFCCCC | 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 #C8CAD1 to #FFCCCC

#C8CAD1 #FFCCCC

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

#C8CAD1 - #FFCCCC | 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 #C8CAD1 as 0% and #FFCCCC as 100%.

0.0%	0.0% #C8CAD1	RGB 200 202 209	#C8CAD1
16.7%	16.7% #D1CAD0	RGB 209 202 208	#D1CAD0
33.3%	33.3% #DACACF	RGB 218 202 207	#DACACF
50.0%	50.0% #E3CBCE	RGB 227 203 206	#E3CBCE
66.7%	66.7% #ECCBCD	RGB 236 203 205	#ECCBCD
83.3%	83.3% #F5CBCC	RGB 245 203 204	#F5CBCC
100.0%	100.0% #FFCCCC	RGB 255 204 204	#FFCCCC

#C8CAD1 #D1CAD0 #DACACF #E3CBCE #ECCBCD #F5CBCC #FFCCCC

#C8CAD1 - #FFCCCC

HSV Blend

#C8CAD1 - #FFCCCC | 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 #C8CAD1 as 0% and #FFCCCC as 100%.

0.0%	0.0% #C8CAD1	RGB 200 202 209	#C8CAD1
16.7%	16.7% #CBC9D8	RGB 203 201 216	#CBC9D8
33.3%	33.3% #D6CAE0	RGB 214 202 224	#D6CAE0
50.0%	50.0% #E4CBE8	RGB 228 203 232	#E4CBE8
66.7%	66.7% #EFCCE6	RGB 239 204 230	#EFCCE6
83.3%	83.3% #F7CCDC	RGB 247 204 220	#F7CCDC
100.0%	100.0% #FFCCCC	RGB 255 204 204	#FFCCCC

#C8CAD1 #CBC9D8 #D6CAE0 #E4CBE8 #EFCCE6 #F7CCDC #FFCCCC

#C8CAD1 - #E4CBE8 - #FFCCCC

CSS codes

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

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