#DDDE5E - #A6AC1B | 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 #DDDE5E to #A6AC1B

#DDDE5E #A6AC1B

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

#DDDE5E - #A6AC1B | 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 #DDDE5E as 0% and #A6AC1B as 100%.

0.0%	0.0% #DDDE5E	RGB 221 222 94	#DDDE5E
16.7%	16.7% #D3D552	RGB 211 213 82	#D3D552
33.3%	33.3% #CACD47	RGB 202 205 71	#CACD47
50.0%	50.0% #C1C53C	RGB 193 197 60	#C1C53C
66.7%	66.7% #B8BC31	RGB 184 188 49	#B8BC31
83.3%	83.3% #AFB426	RGB 175 180 38	#AFB426
100.0%	100.0% #A6AC1B	RGB 166 172 27	#A6AC1B

#DDDE5E #D3D552 #CACD47 #C1C53C #B8BC31 #AFB426 #A6AC1B

#DDDE5E - #A6AC1B

HSV Blend

#DDDE5E - #A6AC1B | 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 #DDDE5E as 0% and #A6AC1B as 100%.

0.0%	0.0% #DDDE5E	RGB 221 222 94	#DDDE5E
16.7%	16.7% #D3D550	RGB 211 213 80	#D3D550
33.3%	33.3% #CACD44	RGB 202 205 68	#CACD44
50.0%	50.0% #C1C539	RGB 193 197 57	#C1C539
66.7%	66.7% #B8BC2E	RGB 184 188 46	#B8BC2E
83.3%	83.3% #AFB424	RGB 175 180 36	#AFB424
100.0%	100.0% #A6AC1B	RGB 166 172 27	#A6AC1B

#DDDE5E #D3D550 #CACD44 #C1C539 #B8BC2E #AFB424 #A6AC1B

#DDDE5E - #C1C539 - #A6AC1B

CSS codes

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

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