#CAC3C6 - #FFEED6 | 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 #CAC3C6 to #FFEED6

#CAC3C6 #FFEED6

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

#CAC3C6 - #FFEED6 | 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 #CAC3C6 as 0% and #FFEED6 as 100%.

0.0%	0.0% #CAC3C6	RGB 202 195 198	#CAC3C6
16.7%	16.7% #D2CAC8	RGB 210 202 200	#D2CAC8
33.3%	33.3% #DBD1CB	RGB 219 209 203	#DBD1CB
50.0%	50.0% #E4D8CE	RGB 228 216 206	#E4D8CE
66.7%	66.7% #EDDFD0	RGB 237 223 208	#EDDFD0
83.3%	83.3% #F6E6D3	RGB 246 230 211	#F6E6D3
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#CAC3C6 #D2CAC8 #DBD1CB #E4D8CE #EDDFD0 #F6E6D3 #FFEED6

#CAC3C6 - #FFEED6

HSV Blend

#CAC3C6 - #FFEED6 | 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 #CAC3C6 as 0% and #FFEED6 as 100%.

0.0%	0.0% #CAC3C6	RGB 202 195 198	#CAC3C6
16.7%	16.7% #D2C7CA	RGB 210 199 202	#D2C7CA
33.3%	33.3% #DBCACC	RGB 219 202 204	#DBCACC
50.0%	50.0% #E4CFCE	RGB 228 207 206	#E4CFCE
66.7%	66.7% #EDD8D1	RGB 237 216 209	#EDD8D1
83.3%	83.3% #F6E2D3	RGB 246 226 211	#F6E2D3
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#CAC3C6 #D2C7CA #DBCACC #E4CFCE #EDD8D1 #F6E2D3 #FFEED6

#CAC3C6 - #E4CFCE - #FFEED6

CSS codes

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

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