#EAE2D9 - #CFA98B | 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 #EAE2D9 to #CFA98B

#EAE2D9 #CFA98B

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

#EAE2D9 - #CFA98B | 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 #EAE2D9 as 0% and #CFA98B as 100%.

0.0%	0.0% #EAE2D9	RGB 234 226 217	#EAE2D9
16.7%	16.7% #E5D8CC	RGB 229 216 204	#E5D8CC
33.3%	33.3% #E1CFBF	RGB 225 207 191	#E1CFBF
50.0%	50.0% #DCC5B2	RGB 220 197 178	#DCC5B2
66.7%	66.7% #D8BCA5	RGB 216 188 165	#D8BCA5
83.3%	83.3% #D3B298	RGB 211 178 152	#D3B298
100.0%	100.0% #CFA98B	RGB 207 169 139	#CFA98B

#EAE2D9 #E5D8CC #E1CFBF #DCC5B2 #D8BCA5 #D3B298 #CFA98B

#EAE2D9 - #CFA98B

HSV Blend

#EAE2D9 - #CFA98B | 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 #EAE2D9 as 0% and #CFA98B as 100%.

0.0%	0.0% #EAE2D9	RGB 234 226 217	#EAE2D9
16.7%	16.7% #E5D8CB	RGB 229 216 203	#E5D8CB
33.3%	33.3% #E1CFBD	RGB 225 207 189	#E1CFBD
50.0%	50.0% #DCC5B0	RGB 220 197 176	#DCC5B0
66.7%	66.7% #D8BCA3	RGB 216 188 163	#D8BCA3
83.3%	83.3% #D3B297	RGB 211 178 151	#D3B297
100.0%	100.0% #CFA98B	RGB 207 169 139	#CFA98B

#EAE2D9 #E5D8CB #E1CFBD #DCC5B0 #D8BCA3 #D3B297 #CFA98B

#EAE2D9 - #DCC5B0 - #CFA98B

CSS codes

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

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