#85A79C - #DCE5E2 | 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 #85A79C to #DCE5E2

#85A79C #DCE5E2

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

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

0.0%	0.0% #85A79C	RGB 133 167 156	#85A79C
16.7%	16.7% #93B1A7	RGB 147 177 167	#93B1A7
33.3%	33.3% #A2BBB3	RGB 162 187 179	#A2BBB3
50.0%	50.0% #B0C6BF	RGB 176 198 191	#B0C6BF
66.7%	66.7% #BFD0CA	RGB 191 208 202	#BFD0CA
83.3%	83.3% #CDDAD6	RGB 205 218 214	#CDDAD6
100.0%	100.0% #DCE5E2	RGB 220 229 226	#DCE5E2

#85A79C #93B1A7 #A2BBB3 #B0C6BF #BFD0CA #CDDAD6 #DCE5E2

#85A79C - #DCE5E2

HSV Blend

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

0.0%	0.0% #85A79C	RGB 133 167 156	#85A79C
16.7%	16.7% #92B1A7	RGB 146 177 167	#92B1A7
33.3%	33.3% #9FBBB2	RGB 159 187 178	#9FBBB2
50.0%	50.0% #ADC6BE	RGB 173 198 190	#ADC6BE
66.7%	66.7% #BCD0C9	RGB 188 208 201	#BCD0C9
83.3%	83.3% #CCDAD5	RGB 204 218 213	#CCDAD5
100.0%	100.0% #DCE5E2	RGB 220 229 226	#DCE5E2

#85A79C #92B1A7 #9FBBB2 #ADC6BE #BCD0C9 #CCDAD5 #DCE5E2

#85A79C - #ADC6BE - #DCE5E2

CSS codes

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

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