#CAC8C8 - #FFD1D1 | 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 #CAC8C8 to #FFD1D1

#CAC8C8 #FFD1D1

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

#CAC8C8 - #FFD1D1 | 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 #CAC8C8 as 0% and #FFD1D1 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #D2C9C9	RGB 210 201 201	#D2C9C9
33.3%	33.3% #DBCBCB	RGB 219 203 203	#DBCBCB
50.0%	50.0% #E4CCCC	RGB 228 204 204	#E4CCCC
66.7%	66.7% #EDCECE	RGB 237 206 206	#EDCECE
83.3%	83.3% #F6CFCF	RGB 246 207 207	#F6CFCF
100.0%	100.0% #FFD1D1	RGB 255 209 209	#FFD1D1

#CAC8C8 #D2C9C9 #DBCBCB #E4CCCC #EDCECE #F6CFCF #FFD1D1

#CAC8C8 - #FFD1D1

HSV Blend

#CAC8C8 - #FFD1D1 | 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 #CAC8C8 as 0% and #FFD1D1 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #D2CACA	RGB 210 202 202	#D2CACA
33.3%	33.3% #DBCDCD	RGB 219 205 205	#DBCDCD
50.0%	50.0% #E4CECE	RGB 228 206 206	#E4CECE
66.7%	66.7% #EDD0D0	RGB 237 208 208	#EDD0D0
83.3%	83.3% #F6D0D0	RGB 246 208 208	#F6D0D0
100.0%	100.0% #FFD1D1	RGB 255 209 209	#FFD1D1

#CAC8C8 #D2CACA #DBCDCD #E4CECE #EDD0D0 #F6D0D0 #FFD1D1

#CAC8C8 - #E4CECE - #FFD1D1

CSS codes

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

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