#CA9C7E - #EFE2DA | 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 #CA9C7E to #EFE2DA

#CA9C7E #EFE2DA

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

#CA9C7E - #EFE2DA | 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 #CA9C7E as 0% and #EFE2DA as 100%.

0.0%	0.0% #CA9C7E	RGB 202 156 126	#CA9C7E
16.7%	16.7% #D0A78D	RGB 208 167 141	#D0A78D
33.3%	33.3% #D6B39C	RGB 214 179 156	#D6B39C
50.0%	50.0% #DCBFAC	RGB 220 191 172	#DCBFAC
66.7%	66.7% #E2CABB	RGB 226 202 187	#E2CABB
83.3%	83.3% #E8D6CA	RGB 232 214 202	#E8D6CA
100.0%	100.0% #EFE2DA	RGB 239 226 218	#EFE2DA

#CA9C7E #D0A78D #D6B39C #DCBFAC #E2CABB #E8D6CA #EFE2DA

#CA9C7E - #EFE2DA

HSV Blend

#CA9C7E - #EFE2DA | 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 #CA9C7E as 0% and #EFE2DA as 100%.

0.0%	0.0% #CA9C7E	RGB 202 156 126	#CA9C7E
16.7%	16.7% #D0A68B	RGB 208 166 139	#D0A68B
33.3%	33.3% #D6B19A	RGB 214 177 154	#D6B19A
50.0%	50.0% #DCBDA9	RGB 220 189 169	#DCBDA9
66.7%	66.7% #E2C9B8	RGB 226 201 184	#E2C9B8
83.3%	83.3% #E8D5C9	RGB 232 213 201	#E8D5C9
100.0%	100.0% #EFE2DA	RGB 239 226 218	#EFE2DA

#CA9C7E #D0A68B #D6B19A #DCBDA9 #E2C9B8 #E8D5C9 #EFE2DA

#CA9C7E - #DCBDA9 - #EFE2DA

CSS codes

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

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