#CAA79C - #EFE5E2 | 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 #CAA79C to #EFE5E2

#CAA79C #EFE5E2

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

#CAA79C - #EFE5E2 | 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 #CAA79C as 0% and #EFE5E2 as 100%.

0.0%	0.0% #CAA79C	RGB 202 167 156	#CAA79C
16.7%	16.7% #D0B1A7	RGB 208 177 167	#D0B1A7
33.3%	33.3% #D6BBB3	RGB 214 187 179	#D6BBB3
50.0%	50.0% #DCC6BF	RGB 220 198 191	#DCC6BF
66.7%	66.7% #E2D0CA	RGB 226 208 202	#E2D0CA
83.3%	83.3% #E8DAD6	RGB 232 218 214	#E8DAD6
100.0%	100.0% #EFE5E2	RGB 239 229 226	#EFE5E2

#CAA79C #D0B1A7 #D6BBB3 #DCC6BF #E2D0CA #E8DAD6 #EFE5E2

#CAA79C - #EFE5E2

HSV Blend

#CAA79C - #EFE5E2 | 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 #CAA79C as 0% and #EFE5E2 as 100%.

0.0%	0.0% #CAA79C	RGB 202 167 156	#CAA79C
16.7%	16.7% #D0B0A6	RGB 208 176 166	#D0B0A6
33.3%	33.3% #D6BAB1	RGB 214 186 177	#D6BAB1
50.0%	50.0% #DCC4BD	RGB 220 196 189	#DCC4BD
66.7%	66.7% #E2CFC9	RGB 226 207 201	#E2CFC9
83.3%	83.3% #E8D9D5	RGB 232 217 213	#E8D9D5
100.0%	100.0% #EFE5E2	RGB 239 229 226	#EFE5E2

#CAA79C #D0B0A6 #D6BAB1 #DCC4BD #E2CFC9 #E8D9D5 #EFE5E2

#CAA79C - #DCC4BD - #EFE5E2

CSS codes

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

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