#CAD4C5 - #E3DAE2 | 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 #CAD4C5 to #E3DAE2

#CAD4C5 #E3DAE2

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

#CAD4C5 - #E3DAE2 | 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 #CAD4C5 as 0% and #E3DAE2 as 100%.

0.0%	0.0% #CAD4C5	RGB 202 212 197	#CAD4C5
16.7%	16.7% #CED5C9	RGB 206 213 201	#CED5C9
33.3%	33.3% #D2D6CE	RGB 210 214 206	#D2D6CE
50.0%	50.0% #D6D7D3	RGB 214 215 211	#D6D7D3
66.7%	66.7% #DAD8D8	RGB 218 216 216	#DAD8D8
83.3%	83.3% #DED9DD	RGB 222 217 221	#DED9DD
100.0%	100.0% #E3DAE2	RGB 227 218 226	#E3DAE2

#CAD4C5 #CED5C9 #D2D6CE #D6D7D3 #DAD8D8 #DED9DD #E3DAE2

#CAD4C5 - #E3DAE2

HSV Blend

#CAD4C5 - #E3DAE2 | 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 #CAD4C5 as 0% and #E3DAE2 as 100%.

0.0%	0.0% #CAD4C5	RGB 202 212 197	#CAD4C5
16.7%	16.7% #D3D6C8	RGB 211 214 200	#D3D6C8
33.3%	33.3% #D9D6CB	RGB 217 214 203	#D9D6CB
50.0%	50.0% #DBD4CF	RGB 219 212 207	#DBD4CF
66.7%	66.7% #DED2D3	RGB 222 210 211	#DED2D3
83.3%	83.3% #E0D6DB	RGB 224 214 219	#E0D6DB
100.0%	100.0% #E3DAE2	RGB 227 218 226	#E3DAE2

#CAD4C5 #D3D6C8 #D9D6CB #DBD4CF #DED2D3 #E0D6DB #E3DAE2

#CAD4C5 - #DBD4CF - #E3DAE2

CSS codes

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

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