#E5E2DA - #CFC18D | 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 #E5E2DA to #CFC18D

#E5E2DA #CFC18D

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

#E5E2DA - #CFC18D | 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 #E5E2DA as 0% and #CFC18D as 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E1DCCD	RGB 225 220 205	#E1DCCD
33.3%	33.3% #DDD7C0	RGB 221 215 192	#DDD7C0
50.0%	50.0% #DAD1B3	RGB 218 209 179	#DAD1B3
66.7%	66.7% #D6CCA6	RGB 214 204 166	#D6CCA6
83.3%	83.3% #D2C699	RGB 210 198 153	#D2C699
100.0%	100.0% #CFC18D	RGB 207 193 141	#CFC18D

#E5E2DA #E1DCCD #DDD7C0 #DAD1B3 #D6CCA6 #D2C699 #CFC18D

#E5E2DA - #CFC18D

HSV Blend

#E5E2DA - #CFC18D | 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 #E5E2DA as 0% and #CFC18D as 100%.

0.0%	0.0% #E5E2DA	RGB 229 226 218	#E5E2DA
16.7%	16.7% #E1DBCC	RGB 225 219 204	#E1DBCC
33.3%	33.3% #DDD5BF	RGB 221 213 191	#DDD5BF
50.0%	50.0% #DAD0B2	RGB 218 208 178	#DAD0B2
66.7%	66.7% #D6CAA5	RGB 214 202 165	#D6CAA5
83.3%	83.3% #D2C599	RGB 210 197 153	#D2C599
100.0%	100.0% #CFC18D	RGB 207 193 141	#CFC18D

#E5E2DA #E1DBCC #DDD5BF #DAD0B2 #D6CAA5 #D2C599 #CFC18D

#E5E2DA - #DAD0B2 - #CFC18D

CSS codes

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

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