#DFEE9C - #A6CB47 | 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 #DFEE9C to #A6CB47

#DFEE9C #A6CB47

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

#DFEE9C - #A6CB47 | 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 #DFEE9C as 0% and #A6CB47 as 100%.

0.0%	0.0% #DFEE9C	RGB 223 238 156	#DFEE9C
16.7%	16.7% #D5E88D	RGB 213 232 141	#D5E88D
33.3%	33.3% #CCE27F	RGB 204 226 127	#CCE27F
50.0%	50.0% #C2DC71	RGB 194 220 113	#C2DC71
66.7%	66.7% #B9D663	RGB 185 214 99	#B9D663
83.3%	83.3% #AFD055	RGB 175 208 85	#AFD055
100.0%	100.0% #A6CB47	RGB 166 203 71	#A6CB47

#DFEE9C #D5E88D #CCE27F #C2DC71 #B9D663 #AFD055 #A6CB47

#DFEE9C - #A6CB47

HSV Blend

#DFEE9C - #A6CB47 | 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 #DFEE9C as 0% and #A6CB47 as 100%.

0.0%	0.0% #DFEE9C	RGB 223 238 156	#DFEE9C
16.7%	16.7% #D5E88C	RGB 213 232 140	#D5E88C
33.3%	33.3% #CCE27D	RGB 204 226 125	#CCE27D
50.0%	50.0% #C3DC6E	RGB 195 220 110	#C3DC6E
66.7%	66.7% #B9D660	RGB 185 214 96	#B9D660
83.3%	83.3% #AFD053	RGB 175 208 83	#AFD053
100.0%	100.0% #A6CB47	RGB 166 203 71	#A6CB47

#DFEE9C #D5E88C #CCE27D #C3DC6E #B9D660 #AFD053 #A6CB47

#DFEE9C - #C3DC6E - #A6CB47

CSS codes

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

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