#E2DED1 - #CCBC81 | 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 #E2DED1 to #CCBC81

#E2DED1 #CCBC81

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

#E2DED1 - #CCBC81 | 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 #E2DED1 as 0% and #CCBC81 as 100%.

0.0%	0.0% #E2DED1	RGB 226 222 209	#E2DED1
16.7%	16.7% #DED8C3	RGB 222 216 195	#DED8C3
33.3%	33.3% #DAD2B6	RGB 218 210 182	#DAD2B6
50.0%	50.0% #D7CDA9	RGB 215 205 169	#D7CDA9
66.7%	66.7% #D3C79B	RGB 211 199 155	#D3C79B
83.3%	83.3% #CFC18E	RGB 207 193 142	#CFC18E
100.0%	100.0% #CCBC81	RGB 204 188 129	#CCBC81

#E2DED1 #DED8C3 #DAD2B6 #D7CDA9 #D3C79B #CFC18E #CCBC81

#E2DED1 - #CCBC81

HSV Blend

#E2DED1 - #CCBC81 | 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 #E2DED1 as 0% and #CCBC81 as 100%.

0.0%	0.0% #E2DED1	RGB 226 222 209	#E2DED1
16.7%	16.7% #DED7C2	RGB 222 215 194	#DED7C2
33.3%	33.3% #DAD2B4	RGB 218 210 180	#DAD2B4
50.0%	50.0% #D7CCA7	RGB 215 204 167	#D7CCA7
66.7%	66.7% #D3C69A	RGB 211 198 154	#D3C69A
83.3%	83.3% #CFC18D	RGB 207 193 141	#CFC18D
100.0%	100.0% #CCBC81	RGB 204 188 129	#CCBC81

#E2DED1 #DED7C2 #DAD2B4 #D7CCA7 #D3C69A #CFC18D #CCBC81

#E2DED1 - #D7CCA7 - #CCBC81

CSS codes

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

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