#D9EDDB - #85B9AB | 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 #D9EDDB to #85B9AB

#D9EDDB #85B9AB

Calculate the color between two colors, #D9EDDB and #85B9AB. 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)

#D9EDDB - #85B9AB | 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 #D9EDDB as 0% and #85B9AB as 100%.

0.0%	0.0% #D9EDDB	RGB 217 237 219	#D9EDDB
16.7%	16.7% #CBE4D3	RGB 203 228 211	#CBE4D3
33.3%	33.3% #BDDBCB	RGB 189 219 203	#BDDBCB
50.0%	50.0% #AFD3C3	RGB 175 211 195	#AFD3C3
66.7%	66.7% #A1CABB	RGB 161 202 187	#A1CABB
83.3%	83.3% #93C1B3	RGB 147 193 179	#93C1B3
100.0%	100.0% #85B9AB	RGB 133 185 171	#85B9AB

#D9EDDB #CBE4D3 #BDDBCB #AFD3C3 #A1CABB #93C1B3 #85B9AB

#D9EDDB - #85B9AB

HSV Blend

#D9EDDB - #85B9AB | 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 #D9EDDB as 0% and #85B9AB as 100%.

0.0%	0.0% #D9EDDB	RGB 217 237 219	#D9EDDB
16.7%	16.7% #C9E4CF	RGB 201 228 207	#C9E4CF
33.3%	33.3% #BADBC4	RGB 186 219 196	#BADBC4
50.0%	50.0% #ACD3BC	RGB 172 211 188	#ACD3BC
66.7%	66.7% #9ECAB5	RGB 158 202 181	#9ECAB5
83.3%	83.3% #91C1AF	RGB 145 193 175	#91C1AF
100.0%	100.0% #85B9AB	RGB 133 185 171	#85B9AB

#D9EDDB #C9E4CF #BADBC4 #ACD3BC #9ECAB5 #91C1AF #85B9AB

#D9EDDB - #ACD3BC - #85B9AB

CSS codes

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

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