#CAC8C8 - #FFDED1 | 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 #FFDED1

#CAC8C8 #FFDED1

Calculate the color between two colors, #CAC8C8 and #FFDED1. 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 - #FFDED1 | 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 #FFDED1 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #D2CBC9	RGB 210 203 201	#D2CBC9
33.3%	33.3% #DBCFCB	RGB 219 207 203	#DBCFCB
50.0%	50.0% #E4D3CC	RGB 228 211 204	#E4D3CC
66.7%	66.7% #EDD6CE	RGB 237 214 206	#EDD6CE
83.3%	83.3% #F6DACF	RGB 246 218 207	#F6DACF
100.0%	100.0% #FFDED1	RGB 255 222 209	#FFDED1

#CAC8C8 #D2CBC9 #DBCFCB #E4D3CC #EDD6CE #F6DACF #FFDED1

#CAC8C8 - #FFDED1

HSV Blend

#CAC8C8 - #FFDED1 | 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 #FFDED1 as 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #D2CBCA	RGB 210 203 202	#D2CBCA
33.3%	33.3% #DBCECD	RGB 219 206 205	#DBCECD
50.0%	50.0% #E4D1CE	RGB 228 209 206	#E4D1CE
66.7%	66.7% #EDD5D0	RGB 237 213 208	#EDD5D0
83.3%	83.3% #F6D9D0	RGB 246 217 208	#F6D9D0
100.0%	100.0% #FFDED1	RGB 255 222 209	#FFDED1

#CAC8C8 #D2CBCA #DBCECD #E4D1CE #EDD5D0 #F6D9D0 #FFDED1

#CAC8C8 - #E4D1CE - #FFDED1

CSS codes

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

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