#D9EEDB - #85BAAB | 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 #D9EEDB to #85BAAB

#D9EEDB #85BAAB

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

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

0.0%	0.0% #D9EEDB	RGB 217 238 219	#D9EEDB
16.7%	16.7% #CBE5D3	RGB 203 229 211	#CBE5D3
33.3%	33.3% #BDDCCB	RGB 189 220 203	#BDDCCB
50.0%	50.0% #AFD4C3	RGB 175 212 195	#AFD4C3
66.7%	66.7% #A1CBBB	RGB 161 203 187	#A1CBBB
83.3%	83.3% #93C2B3	RGB 147 194 179	#93C2B3
100.0%	100.0% #85BAAB	RGB 133 186 171	#85BAAB

#D9EEDB #CBE5D3 #BDDCCB #AFD4C3 #A1CBBB #93C2B3 #85BAAB

#D9EEDB - #85BAAB

HSV Blend

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

0.0%	0.0% #D9EEDB	RGB 217 238 219	#D9EEDB
16.7%	16.7% #C9E5CF	RGB 201 229 207	#C9E5CF
33.3%	33.3% #BADCC4	RGB 186 220 196	#BADCC4
50.0%	50.0% #ACD4BC	RGB 172 212 188	#ACD4BC
66.7%	66.7% #9ECBB5	RGB 158 203 181	#9ECBB5
83.3%	83.3% #91C2AF	RGB 145 194 175	#91C2AF
100.0%	100.0% #85BAAB	RGB 133 186 171	#85BAAB

#D9EEDB #C9E5CF #BADCC4 #ACD4BC #9ECBB5 #91C2AF #85BAAB

#D9EEDB - #ACD4BC - #85BAAB

CSS codes

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

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