#86B8C8 - #E5DDD0 | 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 #86B8C8 to #E5DDD0

#86B8C8 #E5DDD0

Calculate the color between two colors, #86B8C8 and #E5DDD0. 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)

#86B8C8 - #E5DDD0 | 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 #86B8C8 as 0% and #E5DDD0 as 100%.

0.0%	0.0% #86B8C8	RGB 134 184 200	#86B8C8
16.7%	16.7% #95BEC9	RGB 149 190 201	#95BEC9
33.3%	33.3% #A5C4CA	RGB 165 196 202	#A5C4CA
50.0%	50.0% #B5CACC	RGB 181 202 204	#B5CACC
66.7%	66.7% #C5D0CD	RGB 197 208 205	#C5D0CD
83.3%	83.3% #D5D6CE	RGB 213 214 206	#D5D6CE
100.0%	100.0% #E5DDD0	RGB 229 221 208	#E5DDD0

#86B8C8 #95BEC9 #A5C4CA #B5CACC #C5D0CD #D5D6CE #E5DDD0

#86B8C8 - #E5DDD0

HSV Blend

#86B8C8 - #E5DDD0 | 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 #86B8C8 as 0% and #E5DDD0 as 100%.

0.0%	0.0% #86B8C8	RGB 134 184 200	#86B8C8
16.7%	16.7% #91CCC1	RGB 145 204 193	#91CCC1
33.3%	33.3% #9DD1B0	RGB 157 209 176	#9DD1B0
50.0%	50.0% #ACD6A9	RGB 172 214 169	#ACD6A9
66.7%	66.7% #C8DBB5	RGB 200 219 181	#C8DBB5
83.3%	83.3% #DEE0C2	RGB 222 224 194	#DEE0C2
100.0%	100.0% #E5DDD0	RGB 229 221 208	#E5DDD0

#86B8C8 #91CCC1 #9DD1B0 #ACD6A9 #C8DBB5 #DEE0C2 #E5DDD0

#86B8C8 - #ACD6A9 - #E5DDD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86B8C8 0%, #ACD6A9 50%, #E5DDD0 100%);
    background: -webkit-linear-gradient(top, #86B8C8 0%, #ACD6A9 50%, #E5DDD0 100%);
    background: linear-gradient(to bottom, #86B8C8 0%, #ACD6A9 50%, #E5DDD0 100%);
}
</style>