#85A8C8 - #D7D5D0 | 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 #85A8C8 to #D7D5D0

#85A8C8 #D7D5D0

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

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

0.0%	0.0% #85A8C8	RGB 133 168 200	#85A8C8
16.7%	16.7% #92AFC9	RGB 146 175 201	#92AFC9
33.3%	33.3% #A0B7CA	RGB 160 183 202	#A0B7CA
50.0%	50.0% #AEBECC	RGB 174 190 204	#AEBECC
66.7%	66.7% #BBC6CD	RGB 187 198 205	#BBC6CD
83.3%	83.3% #C9CDCE	RGB 201 205 206	#C9CDCE
100.0%	100.0% #D7D5D0	RGB 215 213 208	#D7D5D0

#85A8C8 #92AFC9 #A0B7CA #AEBECC #BBC6CD #C9CDCE #D7D5D0

#85A8C8 - #D7D5D0

HSV Blend

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

0.0%	0.0% #85A8C8	RGB 133 168 200	#85A8C8
16.7%	16.7% #90C9CA	RGB 144 201 202	#90C9CA
33.3%	33.3% #9CCDB7	RGB 156 205 183	#9CCDB7
50.0%	50.0% #A9CFAD	RGB 169 207 173	#A9CFAD
66.7%	66.7% #C0D2B5	RGB 192 210 181	#C0D2B5
83.3%	83.3% #D1D4C2	RGB 209 212 194	#D1D4C2
100.0%	100.0% #D7D5D0	RGB 215 213 208	#D7D5D0

#85A8C8 #90C9CA #9CCDB7 #A9CFAD #C0D2B5 #D1D4C2 #D7D5D0

#85A8C8 - #A9CFAD - #D7D5D0

CSS codes

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

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