#CAD6C7 - #EBEDD0 | 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 #CAD6C7 to #EBEDD0

#CAD6C7 #EBEDD0

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

#CAD6C7 - #EBEDD0 | 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 #CAD6C7 as 0% and #EBEDD0 as 100%.

0.0%	0.0% #CAD6C7	RGB 202 214 199	#CAD6C7
16.7%	16.7% #CFD9C8	RGB 207 217 200	#CFD9C8
33.3%	33.3% #D5DDCA	RGB 213 221 202	#D5DDCA
50.0%	50.0% #DAE1CB	RGB 218 225 203	#DAE1CB
66.7%	66.7% #E0E5CD	RGB 224 229 205	#E0E5CD
83.3%	83.3% #E5E9CE	RGB 229 233 206	#E5E9CE
100.0%	100.0% #EBEDD0	RGB 235 237 208	#EBEDD0

#CAD6C7 #CFD9C8 #D5DDCA #DAE1CB #E0E5CD #E5E9CE #EBEDD0

#CAD6C7 - #EBEDD0

HSV Blend

#CAD6C7 - #EBEDD0 | 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 #CAD6C7 as 0% and #EBEDD0 as 100%.

0.0%	0.0% #CAD6C7	RGB 202 214 199	#CAD6C7
16.7%	16.7% #CED9C8	RGB 206 217 200	#CED9C8
33.3%	33.3% #D2DDCA	RGB 210 221 202	#D2DDCA
50.0%	50.0% #D8E1CB	RGB 216 225 203	#D8E1CB
66.7%	66.7% #DDE5CD	RGB 221 229 205	#DDE5CD
83.3%	83.3% #E4E9CE	RGB 228 233 206	#E4E9CE
100.0%	100.0% #EBEDD0	RGB 235 237 208	#EBEDD0

#CAD6C7 #CED9C8 #D2DDCA #D8E1CB #DDE5CD #E4E9CE #EBEDD0

#CAD6C7 - #D8E1CB - #EBEDD0

CSS codes

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

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