#CACCC7 - #E6DBE9 | 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 #CACCC7 to #E6DBE9

#CACCC7 #E6DBE9

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

#CACCC7 - #E6DBE9 | 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 #CACCC7 as 0% and #E6DBE9 as 100%.

0.0%	0.0% #CACCC7	RGB 202 204 199	#CACCC7
16.7%	16.7% #CECECC	RGB 206 206 204	#CECECC
33.3%	33.3% #D3D1D2	RGB 211 209 210	#D3D1D2
50.0%	50.0% #D8D3D8	RGB 216 211 216	#D8D3D8
66.7%	66.7% #DCD6DD	RGB 220 214 221	#DCD6DD
83.3%	83.3% #E1D8E3	RGB 225 216 227	#E1D8E3
100.0%	100.0% #E6DBE9	RGB 230 219 233	#E6DBE9

#CACCC7 #CECECC #D3D1D2 #D8D3D8 #DCD6DD #E1D8E3 #E6DBE9

#CACCC7 - #E6DBE9

HSV Blend

#CACCC7 - #E6DBE9 | 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 #CACCC7 as 0% and #E6DBE9 as 100%.

0.0%	0.0% #CACCC7	RGB 202 204 199	#CACCC7
16.7%	16.7% #D0D0CA	RGB 208 208 202	#D0D0CA
33.3%	33.3% #D5D2CD	RGB 213 210 205	#D5D2CD
50.0%	50.0% #DAD2D1	RGB 218 210 209	#DAD2D1
66.7%	66.7% #DFD4D8	RGB 223 212 216	#DFD4D8
83.3%	83.3% #E4D7E1	RGB 228 215 225	#E4D7E1
100.0%	100.0% #E6DBE9	RGB 230 219 233	#E6DBE9

#CACCC7 #D0D0CA #D5D2CD #DAD2D1 #DFD4D8 #E4D7E1 #E6DBE9

#CACCC7 - #DAD2D1 - #E6DBE9

CSS codes

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

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