#E5E2DE - #C6AA92 | 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 #E5E2DE to #C6AA92

#E5E2DE #C6AA92

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

#E5E2DE - #C6AA92 | 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 #E5E2DE as 0% and #C6AA92 as 100%.

0.0%	0.0% #E5E2DE	RGB 229 226 222	#E5E2DE
16.7%	16.7% #DFD8D1	RGB 223 216 209	#DFD8D1
33.3%	33.3% #DACFC4	RGB 218 207 196	#DACFC4
50.0%	50.0% #D5C6B8	RGB 213 198 184	#D5C6B8
66.7%	66.7% #D0BCAB	RGB 208 188 171	#D0BCAB
83.3%	83.3% #CBB39E	RGB 203 179 158	#CBB39E
100.0%	100.0% #C6AA92	RGB 198 170 146	#C6AA92

#E5E2DE #DFD8D1 #DACFC4 #D5C6B8 #D0BCAB #CBB39E #C6AA92

#E5E2DE - #C6AA92

HSV Blend

#E5E2DE - #C6AA92 | 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 #E5E2DE as 0% and #C6AA92 as 100%.

0.0%	0.0% #E5E2DE	RGB 229 226 222	#E5E2DE
16.7%	16.7% #DFD8D0	RGB 223 216 208	#DFD8D0
33.3%	33.3% #DACFC3	RGB 218 207 195	#DACFC3
50.0%	50.0% #D5C6B6	RGB 213 198 182	#D5C6B6
66.7%	66.7% #D0BCA9	RGB 208 188 169	#D0BCA9
83.3%	83.3% #CBB39D	RGB 203 179 157	#CBB39D
100.0%	100.0% #C6AA92	RGB 198 170 146	#C6AA92

#E5E2DE #DFD8D0 #DACFC3 #D5C6B6 #D0BCA9 #CBB39D #C6AA92

#E5E2DE - #D5C6B6 - #C6AA92

CSS codes

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

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