#CAD8C0 - #ECF0D0 | 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 #CAD8C0 to #ECF0D0

#CAD8C0 #ECF0D0

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

#CAD8C0 - #ECF0D0 | 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 #CAD8C0 as 0% and #ECF0D0 as 100%.

0.0%	0.0% #CAD8C0	RGB 202 216 192	#CAD8C0
16.7%	16.7% #CFDCC2	RGB 207 220 194	#CFDCC2
33.3%	33.3% #D5E0C5	RGB 213 224 197	#D5E0C5
50.0%	50.0% #DBE4C8	RGB 219 228 200	#DBE4C8
66.7%	66.7% #E0E8CA	RGB 224 232 202	#E0E8CA
83.3%	83.3% #E6ECCD	RGB 230 236 205	#E6ECCD
100.0%	100.0% #ECF0D0	RGB 236 240 208	#ECF0D0

#CAD8C0 #CFDCC2 #D5E0C5 #DBE4C8 #E0E8CA #E6ECCD #ECF0D0

#CAD8C0 - #ECF0D0

HSV Blend

#CAD8C0 - #ECF0D0 | 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 #CAD8C0 as 0% and #ECF0D0 as 100%.

0.0%	0.0% #CAD8C0	RGB 202 216 192	#CAD8C0
16.7%	16.7% #CFDCC2	RGB 207 220 194	#CFDCC2
33.3%	33.3% #D4E0C5	RGB 212 224 197	#D4E0C5
50.0%	50.0% #DAE4C8	RGB 218 228 200	#DAE4C8
66.7%	66.7% #DFE8CA	RGB 223 232 202	#DFE8CA
83.3%	83.3% #E5ECCD	RGB 229 236 205	#E5ECCD
100.0%	100.0% #ECF0D0	RGB 236 240 208	#ECF0D0

#CAD8C0 #CFDCC2 #D4E0C5 #DAE4C8 #DFE8CA #E5ECCD #ECF0D0

#CAD8C0 - #DAE4C8 - #ECF0D0

CSS codes

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

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