#DFEEA8 - #404430 | 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 #DFEEA8 to #404430

#DFEEA8 #404430

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

#DFEEA8 - #404430 | 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 #DFEEA8 as 0% and #404430 as 100%.

0.0%	0.0% #DFEEA8	RGB 223 238 168	#DFEEA8
16.7%	16.7% #C4D194	RGB 196 209 148	#C4D194
33.3%	33.3% #AAB580	RGB 170 181 128	#AAB580
50.0%	50.0% #8F996C	RGB 143 153 108	#8F996C
66.7%	66.7% #757C58	RGB 117 124 88	#757C58
83.3%	83.3% #5A6044	RGB 90 96 68	#5A6044
100.0%	100.0% #404430	RGB 64 68 48	#404430

#DFEEA8 #C4D194 #AAB580 #8F996C #757C58 #5A6044 #404430

#DFEEA8 - #404430

HSV Blend

#DFEEA8 - #404430 | 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 #DFEEA8 as 0% and #404430 as 100%.

0.0%	0.0% #DFEEA8	RGB 223 238 168	#DFEEA8
16.7%	16.7% #C4D194	RGB 196 209 148	#C4D194
33.3%	33.3% #AAB580	RGB 170 181 128	#AAB580
50.0%	50.0% #8F996C	RGB 143 153 108	#8F996C
66.7%	66.7% #757C58	RGB 117 124 88	#757C58
83.3%	83.3% #5A6044	RGB 90 96 68	#5A6044
100.0%	100.0% #404430	RGB 64 68 48	#404430

#DFEEA8 #C4D194 #AAB580 #8F996C #757C58 #5A6044 #404430

#DFEEA8 - #8F996C - #404430

CSS codes

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

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