#8CB2B5 - #EADCC7 | 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 #8CB2B5 to #EADCC7

#8CB2B5 #EADCC7

Calculate the color between two colors, #8CB2B5 and #EADCC7. 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)

#8CB2B5 - #EADCC7 | 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 #8CB2B5 as 0% and #EADCC7 as 100%.

0.0%	0.0% #8CB2B5	RGB 140 178 181	#8CB2B5
16.7%	16.7% #9BB9B8	RGB 155 185 184	#9BB9B8
33.3%	33.3% #ABC0BB	RGB 171 192 187	#ABC0BB
50.0%	50.0% #BBC7BE	RGB 187 199 190	#BBC7BE
66.7%	66.7% #CACEC1	RGB 202 206 193	#CACEC1
83.3%	83.3% #DAD5C4	RGB 218 213 196	#DAD5C4
100.0%	100.0% #EADCC7	RGB 234 220 199	#EADCC7

#8CB2B5 #9BB9B8 #ABC0BB #BBC7BE #CACEC1 #DAD5C4 #EADCC7

#8CB2B5 - #EADCC7

HSV Blend

#8CB2B5 - #EADCC7 | 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 #8CB2B5 as 0% and #EADCC7 as 100%.

0.0%	0.0% #8CB2B5	RGB 140 178 181	#8CB2B5
16.7%	16.7% #95BDB0	RGB 149 189 176	#95BDB0
33.3%	33.3% #9EC6A8	RGB 158 198 168	#9EC6A8
50.0%	50.0% #AECFA8	RGB 174 207 168	#AECFA8
66.7%	66.7% #C8D8B2	RGB 200 216 178	#C8D8B2
83.3%	83.3% #E0E1BC	RGB 224 225 188	#E0E1BC
100.0%	100.0% #EADCC7	RGB 234 220 199	#EADCC7

#8CB2B5 #95BDB0 #9EC6A8 #AECFA8 #C8D8B2 #E0E1BC #EADCC7

#8CB2B5 - #AECFA8 - #EADCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CB2B5 0%, #AECFA8 50%, #EADCC7 100%);
    background: -webkit-linear-gradient(top, #8CB2B5 0%, #AECFA8 50%, #EADCC7 100%);
    background: linear-gradient(to bottom, #8CB2B5 0%, #AECFA8 50%, #EADCC7 100%);
}
</style>