#DCDFB6 - #A2B161 | 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 #DCDFB6 to #A2B161

#DCDFB6 #A2B161

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

#DCDFB6 - #A2B161 | 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 #DCDFB6 as 0% and #A2B161 as 100%.

0.0%	0.0% #DCDFB6	RGB 220 223 182	#DCDFB6
16.7%	16.7% #D2D7A7	RGB 210 215 167	#D2D7A7
33.3%	33.3% #C8CF99	RGB 200 207 153	#C8CF99
50.0%	50.0% #BFC88B	RGB 191 200 139	#BFC88B
66.7%	66.7% #B5C07D	RGB 181 192 125	#B5C07D
83.3%	83.3% #ABB86F	RGB 171 184 111	#ABB86F
100.0%	100.0% #A2B161	RGB 162 177 97	#A2B161

#DCDFB6 #D2D7A7 #C8CF99 #BFC88B #B5C07D #ABB86F #A2B161

#DCDFB6 - #A2B161

HSV Blend

#DCDFB6 - #A2B161 | 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 #DCDFB6 as 0% and #A2B161 as 100%.

0.0%	0.0% #DCDFB6	RGB 220 223 182	#DCDFB6
16.7%	16.7% #D2D7A6	RGB 210 215 166	#D2D7A6
33.3%	33.3% #C9CF96	RGB 201 207 150	#C9CF96
50.0%	50.0% #BFC888	RGB 191 200 136	#BFC888
66.7%	66.7% #B5C07A	RGB 181 192 122	#B5C07A
83.3%	83.3% #ABB86D	RGB 171 184 109	#ABB86D
100.0%	100.0% #A2B161	RGB 162 177 97	#A2B161

#DCDFB6 #D2D7A6 #C9CF96 #BFC888 #B5C07A #ABB86D #A2B161

#DCDFB6 - #BFC888 - #A2B161

CSS codes

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

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