#CACCCA - #FFFED3 | 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 #CACCCA to #FFFED3

#CACCCA #FFFED3

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

#CACCCA - #FFFED3 | 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 #CACCCA as 0% and #FFFED3 as 100%.

0.0%	0.0% #CACCCA	RGB 202 204 202	#CACCCA
16.7%	16.7% #D2D4CB	RGB 210 212 203	#D2D4CB
33.3%	33.3% #DBDCCD	RGB 219 220 205	#DBDCCD
50.0%	50.0% #E4E5CE	RGB 228 229 206	#E4E5CE
66.7%	66.7% #EDEDD0	RGB 237 237 208	#EDEDD0
83.3%	83.3% #F6F5D1	RGB 246 245 209	#F6F5D1
100.0%	100.0% #FFFED3	RGB 255 254 211	#FFFED3

#CACCCA #D2D4CB #DBDCCD #E4E5CE #EDEDD0 #F6F5D1 #FFFED3

#CACCCA - #FFFED3

HSV Blend

#CACCCA - #FFFED3 | 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 #CACCCA as 0% and #FFFED3 as 100%.

0.0%	0.0% #CACCCA	RGB 202 204 202	#CACCCA
16.7%	16.7% #CDD4CC	RGB 205 212 204	#CDD4CC
33.3%	33.3% #D3DDCE	RGB 211 221 206	#D3DDCE
50.0%	50.0% #DBE5D0	RGB 219 229 208	#DBE5D0
66.7%	66.7% #E5EED1	RGB 229 238 209	#E5EED1
83.3%	83.3% #F1F6D2	RGB 241 246 210	#F1F6D2
100.0%	100.0% #FFFED3	RGB 255 254 211	#FFFED3

#CACCCA #CDD4CC #D3DDCE #DBE5D0 #E5EED1 #F1F6D2 #FFFED3

#CACCCA - #DBE5D0 - #FFFED3

CSS codes

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

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