#8CA8AC - #DEE5E7 | 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 #8CA8AC to #DEE5E7

#8CA8AC #DEE5E7

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

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

0.0%	0.0% #8CA8AC	RGB 140 168 172	#8CA8AC
16.7%	16.7% #99B2B5	RGB 153 178 181	#99B2B5
33.3%	33.3% #A7BCBF	RGB 167 188 191	#A7BCBF
50.0%	50.0% #B5C6C9	RGB 181 198 201	#B5C6C9
66.7%	66.7% #C2D0D3	RGB 194 208 211	#C2D0D3
83.3%	83.3% #D0DADD	RGB 208 218 221	#D0DADD
100.0%	100.0% #DEE5E7	RGB 222 229 231	#DEE5E7

#8CA8AC #99B2B5 #A7BCBF #B5C6C9 #C2D0D3 #D0DADD #DEE5E7

#8CA8AC - #DEE5E7

HSV Blend

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

0.0%	0.0% #8CA8AC	RGB 140 168 172	#8CA8AC
16.7%	16.7% #98B1B5	RGB 152 177 181	#98B1B5
33.3%	33.3% #A5BBBF	RGB 165 187 191	#A5BBBF
50.0%	50.0% #B2C5C9	RGB 178 197 201	#B2C5C9
66.7%	66.7% #C0CFD3	RGB 192 207 211	#C0CFD3
83.3%	83.3% #CFDADD	RGB 207 218 221	#CFDADD
100.0%	100.0% #DEE5E7	RGB 222 229 231	#DEE5E7

#8CA8AC #98B1B5 #A5BBBF #B2C5C9 #C0CFD3 #CFDADD #DEE5E7

#8CA8AC - #B2C5C9 - #DEE5E7

CSS codes

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

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