#CAD9BC - #E3D4C9 | 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 #CAD9BC to #E3D4C9

#CAD9BC #E3D4C9

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

#CAD9BC - #E3D4C9 | 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 #CAD9BC as 0% and #E3D4C9 as 100%.

0.0%	0.0% #CAD9BC	RGB 202 217 188	#CAD9BC
16.7%	16.7% #CED8BE	RGB 206 216 190	#CED8BE
33.3%	33.3% #D2D7C0	RGB 210 215 192	#D2D7C0
50.0%	50.0% #D6D6C2	RGB 214 214 194	#D6D6C2
66.7%	66.7% #DAD5C4	RGB 218 213 196	#DAD5C4
83.3%	83.3% #DED4C6	RGB 222 212 198	#DED4C6
100.0%	100.0% #E3D4C9	RGB 227 212 201	#E3D4C9

#CAD9BC #CED8BE #D2D7C0 #D6D6C2 #DAD5C4 #DED4C6 #E3D4C9

#CAD9BC - #E3D4C9

HSV Blend

#CAD9BC - #E3D4C9 | 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 #CAD9BC as 0% and #E3D4C9 as 100%.

0.0%	0.0% #CAD9BC	RGB 202 217 188	#CAD9BC
16.7%	16.7% #D1DABE	RGB 209 218 190	#D1DABE
33.3%	33.3% #D8DCC0	RGB 216 220 192	#D8DCC0
50.0%	50.0% #DEDDC2	RGB 222 221 194	#DEDDC2
66.7%	66.7% #DFD9C4	RGB 223 217 196	#DFD9C4
83.3%	83.3% #E1D6C6	RGB 225 214 198	#E1D6C6
100.0%	100.0% #E3D4C9	RGB 227 212 201	#E3D4C9

#CAD9BC #D1DABE #D8DCC0 #DEDDC2 #DFD9C4 #E1D6C6 #E3D4C9

#CAD9BC - #DEDDC2 - #E3D4C9

CSS codes

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

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