#CAC4A2 - #EFEDE4 | 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 #CAC4A2 to #EFEDE4

#CAC4A2 #EFEDE4

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

#CAC4A2 - #EFEDE4 | 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 #CAC4A2 as 0% and #EFEDE4 as 100%.

0.0%	0.0% #CAC4A2	RGB 202 196 162	#CAC4A2
16.7%	16.7% #D0CAAD	RGB 208 202 173	#D0CAAD
33.3%	33.3% #D6D1B8	RGB 214 209 184	#D6D1B8
50.0%	50.0% #DCD8C3	RGB 220 216 195	#DCD8C3
66.7%	66.7% #E2DFCE	RGB 226 223 206	#E2DFCE
83.3%	83.3% #E8E6D9	RGB 232 230 217	#E8E6D9
100.0%	100.0% #EFEDE4	RGB 239 237 228	#EFEDE4

#CAC4A2 #D0CAAD #D6D1B8 #DCD8C3 #E2DFCE #E8E6D9 #EFEDE4

#CAC4A2 - #EFEDE4

HSV Blend

#CAC4A2 - #EFEDE4 | 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 #CAC4A2 as 0% and #EFEDE4 as 100%.

0.0%	0.0% #CAC4A2	RGB 202 196 162	#CAC4A2
16.7%	16.7% #D0CAAC	RGB 208 202 172	#D0CAAC
33.3%	33.3% #D6D1B6	RGB 214 209 182	#D6D1B6
50.0%	50.0% #DCD8C1	RGB 220 216 193	#DCD8C1
66.7%	66.7% #E2DECC	RGB 226 222 204	#E2DECC
83.3%	83.3% #E8E5D8	RGB 232 229 216	#E8E5D8
100.0%	100.0% #EFEDE4	RGB 239 237 228	#EFEDE4

#CAC4A2 #D0CAAC #D6D1B6 #DCD8C1 #E2DECC #E8E5D8 #EFEDE4

#CAC4A2 - #DCD8C1 - #EFEDE4

CSS codes

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

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