#CAA9A0 - #EFE6E3 | 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 #CAA9A0 to #EFE6E3

#CAA9A0 #EFE6E3

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

#CAA9A0 - #EFE6E3 | 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 #CAA9A0 as 0% and #EFE6E3 as 100%.

0.0%	0.0% #CAA9A0	RGB 202 169 160	#CAA9A0
16.7%	16.7% #D0B3AB	RGB 208 179 171	#D0B3AB
33.3%	33.3% #D6BDB6	RGB 214 189 182	#D6BDB6
50.0%	50.0% #DCC7C1	RGB 220 199 193	#DCC7C1
66.7%	66.7% #E2D1CC	RGB 226 209 204	#E2D1CC
83.3%	83.3% #E8DBD7	RGB 232 219 215	#E8DBD7
100.0%	100.0% #EFE6E3	RGB 239 230 227	#EFE6E3

#CAA9A0 #D0B3AB #D6BDB6 #DCC7C1 #E2D1CC #E8DBD7 #EFE6E3

#CAA9A0 - #EFE6E3

HSV Blend

#CAA9A0 - #EFE6E3 | 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 #CAA9A0 as 0% and #EFE6E3 as 100%.

0.0%	0.0% #CAA9A0	RGB 202 169 160	#CAA9A0
16.7%	16.7% #D0B2AA	RGB 208 178 170	#D0B2AA
33.3%	33.3% #D6BCB5	RGB 214 188 181	#D6BCB5
50.0%	50.0% #DCC6C0	RGB 220 198 192	#DCC6C0
66.7%	66.7% #E2D0CB	RGB 226 208 203	#E2D0CB
83.3%	83.3% #E8DBD7	RGB 232 219 215	#E8DBD7
100.0%	100.0% #EFE6E3	RGB 239 230 227	#EFE6E3

#CAA9A0 #D0B2AA #D6BCB5 #DCC6C0 #E2D0CB #E8DBD7 #EFE6E3

#CAA9A0 - #DCC6C0 - #EFE6E3

CSS codes

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

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