#DBDA7E - #E4D2AE | 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 #DBDA7E to #E4D2AE

#DBDA7E #E4D2AE

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

#DBDA7E - #E4D2AE | 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 #DBDA7E as 0% and #E4D2AE as 100%.

0.0%	0.0% #DBDA7E	RGB 219 218 126	#DBDA7E
16.7%	16.7% #DCD886	RGB 220 216 134	#DCD886
33.3%	33.3% #DED78E	RGB 222 215 142	#DED78E
50.0%	50.0% #DFD696	RGB 223 214 150	#DFD696
66.7%	66.7% #E1D49E	RGB 225 212 158	#E1D49E
83.3%	83.3% #E2D3A6	RGB 226 211 166	#E2D3A6
100.0%	100.0% #E4D2AE	RGB 228 210 174	#E4D2AE

#DBDA7E #DCD886 #DED78E #DFD696 #E1D49E #E2D3A6 #E4D2AE

#DBDA7E - #E4D2AE

HSV Blend

#DBDA7E - #E4D2AE | 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 #DBDA7E as 0% and #E4D2AE as 100%.

0.0%	0.0% #DBDA7E	RGB 219 218 126	#DBDA7E
16.7%	16.7% #DCD685	RGB 220 214 133	#DCD685
33.3%	33.3% #DED48D	RGB 222 212 141	#DED48D
50.0%	50.0% #DFD295	RGB 223 210 149	#DFD295
66.7%	66.7% #E1D19D	RGB 225 209 157	#E1D19D
83.3%	83.3% #E2D1A5	RGB 226 209 165	#E2D1A5
100.0%	100.0% #E4D2AE	RGB 228 210 174	#E4D2AE

#DBDA7E #DCD685 #DED48D #DFD295 #E1D19D #E2D1A5 #E4D2AE

#DBDA7E - #DFD295 - #E4D2AE

CSS codes

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

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