#DFE5E2 - #86AC8E | 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 #DFE5E2 to #86AC8E

#DFE5E2 #86AC8E

Calculate the color between two colors, #DFE5E2 and #86AC8E. 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)

#DFE5E2 - #86AC8E | 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 #DFE5E2 as 0% and #86AC8E as 100%.

0.0%	0.0% #DFE5E2	RGB 223 229 226	#DFE5E2
16.7%	16.7% #D0DBD4	RGB 208 219 212	#D0DBD4
33.3%	33.3% #C1D2C6	RGB 193 210 198	#C1D2C6
50.0%	50.0% #B2C8B8	RGB 178 200 184	#B2C8B8
66.7%	66.7% #A3BFAA	RGB 163 191 170	#A3BFAA
83.3%	83.3% #94B59C	RGB 148 181 156	#94B59C
100.0%	100.0% #86AC8E	RGB 134 172 142	#86AC8E

#DFE5E2 #D0DBD4 #C1D2C6 #B2C8B8 #A3BFAA #94B59C #86AC8E

#DFE5E2 - #86AC8E

HSV Blend

#DFE5E2 - #86AC8E | 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 #DFE5E2 as 0% and #86AC8E as 100%.

0.0%	0.0% #DFE5E2	RGB 223 229 226	#DFE5E2
16.7%	16.7% #CEDBD4	RGB 206 219 212	#CEDBD4
33.3%	33.3% #BED2C6	RGB 190 210 198	#BED2C6
50.0%	50.0% #AFC8B8	RGB 175 200 184	#AFC8B8
66.7%	66.7% #A1BFAA	RGB 161 191 170	#A1BFAA
83.3%	83.3% #93B59C	RGB 147 181 156	#93B59C
100.0%	100.0% #86AC8E	RGB 134 172 142	#86AC8E

#DFE5E2 #CEDBD4 #BED2C6 #AFC8B8 #A1BFAA #93B59C #86AC8E

#DFE5E2 - #AFC8B8 - #86AC8E

CSS codes

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

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