#D4E7E5 - #85A6B0 | 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 #D4E7E5 to #85A6B0

#D4E7E5 #85A6B0

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

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

0.0%	0.0% #D4E7E5	RGB 212 231 229	#D4E7E5
16.7%	16.7% #C6DCDC	RGB 198 220 220	#C6DCDC
33.3%	33.3% #B9D1D3	RGB 185 209 211	#B9D1D3
50.0%	50.0% #ACC6CA	RGB 172 198 202	#ACC6CA
66.7%	66.7% #9FBBC1	RGB 159 187 193	#9FBBC1
83.3%	83.3% #92B0B8	RGB 146 176 184	#92B0B8
100.0%	100.0% #85A6B0	RGB 133 166 176	#85A6B0

#D4E7E5 #C6DCDC #B9D1D3 #ACC6CA #9FBBC1 #92B0B8 #85A6B0

#D4E7E5 - #85A6B0

HSV Blend

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

0.0%	0.0% #D4E7E5	RGB 212 231 229	#D4E7E5
16.7%	16.7% #C5DDDC	RGB 197 221 220	#C5DDDC
33.3%	33.3% #B7D4D4	RGB 183 212 212	#B7D4D4
50.0%	50.0% #AAC9CB	RGB 170 201 203	#AAC9CB
66.7%	66.7% #9DBDC2	RGB 157 189 194	#9DBDC2
83.3%	83.3% #90B2B9	RGB 144 178 185	#90B2B9
100.0%	100.0% #85A6B0	RGB 133 166 176	#85A6B0

#D4E7E5 #C5DDDC #B7D4D4 #AAC9CB #9DBDC2 #90B2B9 #85A6B0

#D4E7E5 - #AAC9CB - #85A6B0

CSS codes

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

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