#CAD0C4 - #EADFEC | 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 #CAD0C4 to #EADFEC

#CAD0C4 #EADFEC

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

#CAD0C4 - #EADFEC | 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 #CAD0C4 as 0% and #EADFEC as 100%.

0.0%	0.0% #CAD0C4	RGB 202 208 196	#CAD0C4
16.7%	16.7% #CFD2CA	RGB 207 210 202	#CFD2CA
33.3%	33.3% #D4D5D1	RGB 212 213 209	#D4D5D1
50.0%	50.0% #DAD7D8	RGB 218 215 216	#DAD7D8
66.7%	66.7% #DFDADE	RGB 223 218 222	#DFDADE
83.3%	83.3% #E4DCE5	RGB 228 220 229	#E4DCE5
100.0%	100.0% #EADFEC	RGB 234 223 236	#EADFEC

#CAD0C4 #CFD2CA #D4D5D1 #DAD7D8 #DFDADE #E4DCE5 #EADFEC

#CAD0C4 - #EADFEC

HSV Blend

#CAD0C4 - #EADFEC | 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 #CAD0C4 as 0% and #EADFEC as 100%.

0.0%	0.0% #CAD0C4	RGB 202 208 196	#CAD0C4
16.7%	16.7% #D3D4C8	RGB 211 212 200	#D3D4C8
33.3%	33.3% #D9D4CC	RGB 217 212 204	#D9D4CC
50.0%	50.0% #DED3D1	RGB 222 211 209	#DED3D1
66.7%	66.7% #E2D5D9	RGB 226 213 217	#E2D5D9
83.3%	83.3% #E7DAE3	RGB 231 218 227	#E7DAE3
100.0%	100.0% #EADFEC	RGB 234 223 236	#EADFEC

#CAD0C4 #D3D4C8 #D9D4CC #DED3D1 #E2D5D9 #E7DAE3 #EADFEC

#CAD0C4 - #DED3D1 - #EADFEC

CSS codes

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

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