#D5E6E7 - #85A99C | 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 #D5E6E7 to #85A99C

#D5E6E7 #85A99C

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

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

0.0%	0.0% #D5E6E7	RGB 213 230 231	#D5E6E7
16.7%	16.7% #C7DBDA	RGB 199 219 218	#C7DBDA
33.3%	33.3% #BAD1CE	RGB 186 209 206	#BAD1CE
50.0%	50.0% #ADC7C1	RGB 173 199 193	#ADC7C1
66.7%	66.7% #9FBDB5	RGB 159 189 181	#9FBDB5
83.3%	83.3% #92B3A8	RGB 146 179 168	#92B3A8
100.0%	100.0% #85A99C	RGB 133 169 156	#85A99C

#D5E6E7 #C7DBDA #BAD1CE #ADC7C1 #9FBDB5 #92B3A8 #85A99C

#D5E6E7 - #85A99C

HSV Blend

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

0.0%	0.0% #D5E6E7	RGB 213 230 231	#D5E6E7
16.7%	16.7% #C6DCDC	RGB 198 220 220	#C6DCDC
33.3%	33.3% #B8D2D0	RGB 184 210 208	#B8D2D0
50.0%	50.0% #AAC8C3	RGB 170 200 195	#AAC8C3
66.7%	66.7% #9DBDB6	RGB 157 189 182	#9DBDB6
83.3%	83.3% #91B3A9	RGB 145 179 169	#91B3A9
100.0%	100.0% #85A99C	RGB 133 169 156	#85A99C

#D5E6E7 #C6DCDC #B8D2D0 #AAC8C3 #9DBDB6 #91B3A9 #85A99C

#D5E6E7 - #AAC8C3 - #85A99C

CSS codes

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

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