#DEE0D1 - #A1B080 | 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 #DEE0D1 to #A1B080

#DEE0D1 #A1B080

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

#DEE0D1 - #A1B080 | 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 #DEE0D1 as 0% and #A1B080 as 100%.

0.0%	0.0% #DEE0D1	RGB 222 224 209	#DEE0D1
16.7%	16.7% #D3D8C3	RGB 211 216 195	#D3D8C3
33.3%	33.3% #C9D0B6	RGB 201 208 182	#C9D0B6
50.0%	50.0% #BFC8A8	RGB 191 200 168	#BFC8A8
66.7%	66.7% #B5C09B	RGB 181 192 155	#B5C09B
83.3%	83.3% #ABB88D	RGB 171 184 141	#ABB88D
100.0%	100.0% #A1B080	RGB 161 176 128	#A1B080

#DEE0D1 #D3D8C3 #C9D0B6 #BFC8A8 #B5C09B #ABB88D #A1B080

#DEE0D1 - #A1B080

HSV Blend

#DEE0D1 - #A1B080 | 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 #DEE0D1 as 0% and #A1B080 as 100%.

0.0%	0.0% #DEE0D1	RGB 222 224 209	#DEE0D1
16.7%	16.7% #D4D8C2	RGB 212 216 194	#D4D8C2
33.3%	33.3% #CAD0B3	RGB 202 208 179	#CAD0B3
50.0%	50.0% #C0C8A6	RGB 192 200 166	#C0C8A6
66.7%	66.7% #B6C098	RGB 182 192 152	#B6C098
83.3%	83.3% #ABB88C	RGB 171 184 140	#ABB88C
100.0%	100.0% #A1B080	RGB 161 176 128	#A1B080

#DEE0D1 #D4D8C2 #CAD0B3 #C0C8A6 #B6C098 #ABB88C #A1B080

#DEE0D1 - #C0C8A6 - #A1B080

CSS codes

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

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