#CACFB5 - #E3C5C2 | 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 #CACFB5 to #E3C5C2

#CACFB5 #E3C5C2

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

#CACFB5 - #E3C5C2 | 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 #CACFB5 as 0% and #E3C5C2 as 100%.

0.0%	0.0% #CACFB5	RGB 202 207 181	#CACFB5
16.7%	16.7% #CECDB7	RGB 206 205 183	#CECDB7
33.3%	33.3% #D2CBB9	RGB 210 203 185	#D2CBB9
50.0%	50.0% #D6CABB	RGB 214 202 187	#D6CABB
66.7%	66.7% #DAC8BD	RGB 218 200 189	#DAC8BD
83.3%	83.3% #DEC6BF	RGB 222 198 191	#DEC6BF
100.0%	100.0% #E3C5C2	RGB 227 197 194	#E3C5C2

#CACFB5 #CECDB7 #D2CBB9 #D6CABB #DAC8BD #DEC6BF #E3C5C2

#CACFB5 - #E3C5C2

HSV Blend

#CACFB5 - #E3C5C2 | 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 #CACFB5 as 0% and #E3C5C2 as 100%.

0.0%	0.0% #CACFB5	RGB 202 207 181	#CACFB5
16.7%	16.7% #D2D2B7	RGB 210 210 183	#D2D2B7
33.3%	33.3% #D5D0B9	RGB 213 208 185	#D5D0B9
50.0%	50.0% #D9CEBB	RGB 217 206 187	#D9CEBB
66.7%	66.7% #DCCBBD	RGB 220 203 189	#DCCBBD
83.3%	83.3% #DFC8BF	RGB 223 200 191	#DFC8BF
100.0%	100.0% #E3C5C2	RGB 227 197 194	#E3C5C2

#CACFB5 #D2D2B7 #D5D0B9 #D9CEBB #DCCBBD #DFC8BF #E3C5C2

#CACFB5 - #D9CEBB - #E3C5C2

CSS codes

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

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