#E6E2DF - #ADA08F | 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 #E6E2DF to #ADA08F

#E6E2DF #ADA08F

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

#E6E2DF - #ADA08F | 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 #E6E2DF as 0% and #ADA08F as 100%.

0.0%	0.0% #E6E2DF	RGB 230 226 223	#E6E2DF
16.7%	16.7% #DCD7D1	RGB 220 215 209	#DCD7D1
33.3%	33.3% #D3CCC4	RGB 211 204 196	#D3CCC4
50.0%	50.0% #C9C1B7	RGB 201 193 183	#C9C1B7
66.7%	66.7% #C0B6A9	RGB 192 182 169	#C0B6A9
83.3%	83.3% #B6AB9C	RGB 182 171 156	#B6AB9C
100.0%	100.0% #ADA08F	RGB 173 160 143	#ADA08F

#E6E2DF #DCD7D1 #D3CCC4 #C9C1B7 #C0B6A9 #B6AB9C #ADA08F

#E6E2DF - #ADA08F

HSV Blend

#E6E2DF - #ADA08F | 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 #E6E2DF as 0% and #ADA08F as 100%.

0.0%	0.0% #E6E2DF	RGB 230 226 223	#E6E2DF
16.7%	16.7% #DCD5D0	RGB 220 213 208	#DCD5D0
33.3%	33.3% #D3CAC2	RGB 211 202 194	#D3CAC2
50.0%	50.0% #C9BFB4	RGB 201 191 180	#C9BFB4
66.7%	66.7% #C0B4A7	RGB 192 180 167	#C0B4A7
83.3%	83.3% #B6AA9B	RGB 182 170 155	#B6AA9B
100.0%	100.0% #ADA08F	RGB 173 160 143	#ADA08F

#E6E2DF #DCD5D0 #D3CAC2 #C9BFB4 #C0B4A7 #B6AA9B #ADA08F

#E6E2DF - #C9BFB4 - #ADA08F

CSS codes

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

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