#DCDFC7 - #A0B074 | 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 #DCDFC7 to #A0B074

#DCDFC7 #A0B074

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

#DCDFC7 - #A0B074 | 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 #DCDFC7 as 0% and #A0B074 as 100%.

0.0%	0.0% #DCDFC7	RGB 220 223 199	#DCDFC7
16.7%	16.7% #D2D7B9	RGB 210 215 185	#D2D7B9
33.3%	33.3% #C8CFAB	RGB 200 207 171	#C8CFAB
50.0%	50.0% #BEC79D	RGB 190 199 157	#BEC79D
66.7%	66.7% #B4BF8F	RGB 180 191 143	#B4BF8F
83.3%	83.3% #AAB781	RGB 170 183 129	#AAB781
100.0%	100.0% #A0B074	RGB 160 176 116	#A0B074

#DCDFC7 #D2D7B9 #C8CFAB #BEC79D #B4BF8F #AAB781 #A0B074

#DCDFC7 - #A0B074

HSV Blend

#DCDFC7 - #A0B074 | 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 #DCDFC7 as 0% and #A0B074 as 100%.

0.0%	0.0% #DCDFC7	RGB 220 223 199	#DCDFC7
16.7%	16.7% #D2D7B7	RGB 210 215 183	#D2D7B7
33.3%	33.3% #C8CFA8	RGB 200 207 168	#C8CFA8
50.0%	50.0% #BEC79A	RGB 190 199 154	#BEC79A
66.7%	66.7% #B4BF8D	RGB 180 191 141	#B4BF8D
83.3%	83.3% #AAB780	RGB 170 183 128	#AAB780
100.0%	100.0% #A0B074	RGB 160 176 116	#A0B074

#DCDFC7 #D2D7B7 #C8CFA8 #BEC79A #B4BF8D #AAB780 #A0B074

#DCDFC7 - #BEC79A - #A0B074

CSS codes

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

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