#CACEC8 - #DFF1DB | 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 #CACEC8 to #DFF1DB

#CACEC8 #DFF1DB

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

#CACEC8 - #DFF1DB | 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 #CACEC8 as 0% and #DFF1DB as 100%.

0.0%	0.0% #CACEC8	RGB 202 206 200	#CACEC8
16.7%	16.7% #CDD3CB	RGB 205 211 203	#CDD3CB
33.3%	33.3% #D1D9CE	RGB 209 217 206	#D1D9CE
50.0%	50.0% #D4DFD1	RGB 212 223 209	#D4DFD1
66.7%	66.7% #D8E5D4	RGB 216 229 212	#D8E5D4
83.3%	83.3% #DBEBD7	RGB 219 235 215	#DBEBD7
100.0%	100.0% #DFF1DB	RGB 223 241 219	#DFF1DB

#CACEC8 #CDD3CB #D1D9CE #D4DFD1 #D8E5D4 #DBEBD7 #DFF1DB

#CACEC8 - #DFF1DB

HSV Blend

#CACEC8 - #DFF1DB | 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 #CACEC8 as 0% and #DFF1DB as 100%.

0.0%	0.0% #CACEC8	RGB 202 206 200	#CACEC8
16.7%	16.7% #CED3CB	RGB 206 211 203	#CED3CB
33.3%	33.3% #D1D9CE	RGB 209 217 206	#D1D9CE
50.0%	50.0% #D5DFD2	RGB 213 223 210	#D5DFD2
66.7%	66.7% #D8E5D5	RGB 216 229 213	#D8E5D5
83.3%	83.3% #DCEBD8	RGB 220 235 216	#DCEBD8
100.0%	100.0% #DFF1DB	RGB 223 241 219	#DFF1DB

#CACEC8 #CED3CB #D1D9CE #D5DFD2 #D8E5D5 #DCEBD8 #DFF1DB

#CACEC8 - #D5DFD2 - #DFF1DB

CSS codes

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

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