#DDDFC8 - #A2AF75 | 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 #DDDFC8 to #A2AF75

#DDDFC8 #A2AF75

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

#DDDFC8 - #A2AF75 | 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 #DDDFC8 as 0% and #A2AF75 as 100%.

0.0%	0.0% #DDDFC8	RGB 221 223 200	#DDDFC8
16.7%	16.7% #D3D7BA	RGB 211 215 186	#D3D7BA
33.3%	33.3% #C9CFAC	RGB 201 207 172	#C9CFAC
50.0%	50.0% #BFC79E	RGB 191 199 158	#BFC79E
66.7%	66.7% #B5BF90	RGB 181 191 144	#B5BF90
83.3%	83.3% #ABB782	RGB 171 183 130	#ABB782
100.0%	100.0% #A2AF75	RGB 162 175 117	#A2AF75

#DDDFC8 #D3D7BA #C9CFAC #BFC79E #B5BF90 #ABB782 #A2AF75

#DDDFC8 - #A2AF75

HSV Blend

#DDDFC8 - #A2AF75 | 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 #DDDFC8 as 0% and #A2AF75 as 100%.

0.0%	0.0% #DDDFC8	RGB 221 223 200	#DDDFC8
16.7%	16.7% #D3D7B8	RGB 211 215 184	#D3D7B8
33.3%	33.3% #CACFA9	RGB 202 207 169	#CACFA9
50.0%	50.0% #C0C79B	RGB 192 199 155	#C0C79B
66.7%	66.7% #B6BF8E	RGB 182 191 142	#B6BF8E
83.3%	83.3% #ACB781	RGB 172 183 129	#ACB781
100.0%	100.0% #A2AF75	RGB 162 175 117	#A2AF75

#DDDFC8 #D3D7B8 #CACFA9 #C0C79B #B6BF8E #ACB781 #A2AF75

#DDDFC8 - #C0C79B - #A2AF75

CSS codes

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

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