#DBDB7E - #E4D3AE | 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 #DBDB7E to #E4D3AE

#DBDB7E #E4D3AE

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

#DBDB7E - #E4D3AE | 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 #DBDB7E as 0% and #E4D3AE as 100%.

0.0%	0.0% #DBDB7E	RGB 219 219 126	#DBDB7E
16.7%	16.7% #DCD986	RGB 220 217 134	#DCD986
33.3%	33.3% #DED88E	RGB 222 216 142	#DED88E
50.0%	50.0% #DFD796	RGB 223 215 150	#DFD796
66.7%	66.7% #E1D59E	RGB 225 213 158	#E1D59E
83.3%	83.3% #E2D4A6	RGB 226 212 166	#E2D4A6
100.0%	100.0% #E4D3AE	RGB 228 211 174	#E4D3AE

#DBDB7E #DCD986 #DED88E #DFD796 #E1D59E #E2D4A6 #E4D3AE

#DBDB7E - #E4D3AE

HSV Blend

#DBDB7E - #E4D3AE | 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 #DBDB7E as 0% and #E4D3AE as 100%.

0.0%	0.0% #DBDB7E	RGB 219 219 126	#DBDB7E
16.7%	16.7% #DCD785	RGB 220 215 133	#DCD785
33.3%	33.3% #DED58D	RGB 222 213 141	#DED58D
50.0%	50.0% #DFD395	RGB 223 211 149	#DFD395
66.7%	66.7% #E1D29D	RGB 225 210 157	#E1D29D
83.3%	83.3% #E2D2A5	RGB 226 210 165	#E2D2A5
100.0%	100.0% #E4D3AE	RGB 228 211 174	#E4D3AE

#DBDB7E #DCD785 #DED58D #DFD395 #E1D29D #E2D2A5 #E4D3AE

#DBDB7E - #DFD395 - #E4D3AE

CSS codes

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

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