#DEE2DA - #A8BE8C | 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 #DEE2DA to #A8BE8C

#DEE2DA #A8BE8C

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

#DEE2DA - #A8BE8C | 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 #DEE2DA as 0% and #A8BE8C as 100%.

0.0%	0.0% #DEE2DA	RGB 222 226 218	#DEE2DA
16.7%	16.7% #D5DCCD	RGB 213 220 205	#D5DCCD
33.3%	33.3% #CCD6C0	RGB 204 214 192	#CCD6C0
50.0%	50.0% #C3D0B3	RGB 195 208 179	#C3D0B3
66.7%	66.7% #BACAA6	RGB 186 202 166	#BACAA6
83.3%	83.3% #B1C499	RGB 177 196 153	#B1C499
100.0%	100.0% #A8BE8C	RGB 168 190 140	#A8BE8C

#DEE2DA #D5DCCD #CCD6C0 #C3D0B3 #BACAA6 #B1C499 #A8BE8C

#DEE2DA - #A8BE8C

HSV Blend

#DEE2DA - #A8BE8C | 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 #DEE2DA as 0% and #A8BE8C as 100%.

0.0%	0.0% #DEE2DA	RGB 222 226 218	#DEE2DA
16.7%	16.7% #D4DCCB	RGB 212 220 203	#D4DCCB
33.3%	33.3% #CAD6BE	RGB 202 214 190	#CAD6BE
50.0%	50.0% #C1D0B0	RGB 193 208 176	#C1D0B0
66.7%	66.7% #B8CAA4	RGB 184 202 164	#B8CAA4
83.3%	83.3% #B0C497	RGB 176 196 151	#B0C497
100.0%	100.0% #A8BE8C	RGB 168 190 140	#A8BE8C

#DEE2DA #D4DCCB #CAD6BE #C1D0B0 #B8CAA4 #B0C497 #A8BE8C

#DEE2DA - #C1D0B0 - #A8BE8C

CSS codes

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

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