#DEDF90 - #A8B13C | 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 #DEDF90 to #A8B13C

#DEDF90 #A8B13C

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

#DEDF90 - #A8B13C | 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 #DEDF90 as 0% and #A8B13C as 100%.

0.0%	0.0% #DEDF90	RGB 222 223 144	#DEDF90
16.7%	16.7% #D5D782	RGB 213 215 130	#D5D782
33.3%	33.3% #CCCF74	RGB 204 207 116	#CCCF74
50.0%	50.0% #C3C866	RGB 195 200 102	#C3C866
66.7%	66.7% #BAC058	RGB 186 192 88	#BAC058
83.3%	83.3% #B1B84A	RGB 177 184 74	#B1B84A
100.0%	100.0% #A8B13C	RGB 168 177 60	#A8B13C

#DEDF90 #D5D782 #CCCF74 #C3C866 #BAC058 #B1B84A #A8B13C

#DEDF90 - #A8B13C

HSV Blend

#DEDF90 - #A8B13C | 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 #DEDF90 as 0% and #A8B13C as 100%.

0.0%	0.0% #DEDF90	RGB 222 223 144	#DEDF90
16.7%	16.7% #D5D780	RGB 213 215 128	#D5D780
33.3%	33.3% #CCCF70	RGB 204 207 112	#CCCF70
50.0%	50.0% #C3C862	RGB 195 200 98	#C3C862
66.7%	66.7% #BAC054	RGB 186 192 84	#BAC054
83.3%	83.3% #B1B848	RGB 177 184 72	#B1B848
100.0%	100.0% #A8B13C	RGB 168 177 60	#A8B13C

#DEDF90 #D5D780 #CCCF70 #C3C862 #BAC054 #B1B848 #A8B13C

#DEDF90 - #C3C862 - #A8B13C

CSS codes

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

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