#CAA8AF - #EFE6E8 | 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 #CAA8AF to #EFE6E8

#CAA8AF #EFE6E8

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

#CAA8AF - #EFE6E8 | 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 #CAA8AF as 0% and #EFE6E8 as 100%.

0.0%	0.0% #CAA8AF	RGB 202 168 175	#CAA8AF
16.7%	16.7% #D0B2B8	RGB 208 178 184	#D0B2B8
33.3%	33.3% #D6BCC2	RGB 214 188 194	#D6BCC2
50.0%	50.0% #DCC7CB	RGB 220 199 203	#DCC7CB
66.7%	66.7% #E2D1D5	RGB 226 209 213	#E2D1D5
83.3%	83.3% #E8DBDE	RGB 232 219 222	#E8DBDE
100.0%	100.0% #EFE6E8	RGB 239 230 232	#EFE6E8

#CAA8AF #D0B2B8 #D6BCC2 #DCC7CB #E2D1D5 #E8DBDE #EFE6E8

#CAA8AF - #EFE6E8

HSV Blend

#CAA8AF - #EFE6E8 | 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 #CAA8AF as 0% and #EFE6E8 as 100%.

0.0%	0.0% #CAA8AF	RGB 202 168 175	#CAA8AF
16.7%	16.7% #D0B1B8	RGB 208 177 184	#D0B1B8
33.3%	33.3% #D6BBC1	RGB 214 187 193	#D6BBC1
50.0%	50.0% #DCC5CA	RGB 220 197 202	#DCC5CA
66.7%	66.7% #E2D0D4	RGB 226 208 212	#E2D0D4
83.3%	83.3% #E8DADE	RGB 232 218 222	#E8DADE
100.0%	100.0% #EFE6E8	RGB 239 230 232	#EFE6E8

#CAA8AF #D0B1B8 #D6BBC1 #DCC5CA #E2D0D4 #E8DADE #EFE6E8

#CAA8AF - #DCC5CA - #EFE6E8

CSS codes

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

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