#E3E6E4 - #85B6AB | 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 #E3E6E4 to #85B6AB

#E3E6E4 #85B6AB

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

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

0.0%	0.0% #E3E6E4	RGB 227 230 228	#E3E6E4
16.7%	16.7% #D3DEDA	RGB 211 222 218	#D3DEDA
33.3%	33.3% #C3D6D1	RGB 195 214 209	#C3D6D1
50.0%	50.0% #B4CEC7	RGB 180 206 199	#B4CEC7
66.7%	66.7% #A4C6BE	RGB 164 198 190	#A4C6BE
83.3%	83.3% #94BEB4	RGB 148 190 180	#94BEB4
100.0%	100.0% #85B6AB	RGB 133 182 171	#85B6AB

#E3E6E4 #D3DEDA #C3D6D1 #B4CEC7 #A4C6BE #94BEB4 #85B6AB

#E3E6E4 - #85B6AB

HSV Blend

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

0.0%	0.0% #E3E6E4	RGB 227 230 228	#E3E6E4
16.7%	16.7% #D1DED6	RGB 209 222 214	#D1DED6
33.3%	33.3% #C0D6CB	RGB 192 214 203	#C0D6CB
50.0%	50.0% #B0CEC1	RGB 176 206 193	#B0CEC1
66.7%	66.7% #A1C6B8	RGB 161 198 184	#A1C6B8
83.3%	83.3% #92BEB1	RGB 146 190 177	#92BEB1
100.0%	100.0% #85B6AB	RGB 133 182 171	#85B6AB

#E3E6E4 #D1DED6 #C0D6CB #B0CEC1 #A1C6B8 #92BEB1 #85B6AB

#E3E6E4 - #B0CEC1 - #85B6AB

CSS codes

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

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