#DEE6E1 - #8BA1AF | 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 #DEE6E1 to #8BA1AF

#DEE6E1 #8BA1AF

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

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

0.0%	0.0% #DEE6E1	RGB 222 230 225	#DEE6E1
16.7%	16.7% #D0DAD8	RGB 208 218 216	#D0DAD8
33.3%	33.3% #C2CFD0	RGB 194 207 208	#C2CFD0
50.0%	50.0% #B4C3C8	RGB 180 195 200	#B4C3C8
66.7%	66.7% #A6B8BF	RGB 166 184 191	#A6B8BF
83.3%	83.3% #98ACB7	RGB 152 172 183	#98ACB7
100.0%	100.0% #8BA1AF	RGB 139 161 175	#8BA1AF

#DEE6E1 #D0DAD8 #C2CFD0 #B4C3C8 #A6B8BF #98ACB7 #8BA1AF

#DEE6E1 - #8BA1AF

HSV Blend

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

0.0%	0.0% #DEE6E1	RGB 222 230 225	#DEE6E1
16.7%	16.7% #CEDCD6	RGB 206 220 214	#CEDCD6
33.3%	33.3% #C0D3CE	RGB 192 211 206	#C0D3CE
50.0%	50.0% #B2CAC7	RGB 178 202 199	#B2CAC7
66.7%	66.7% #A4BFC1	RGB 164 191 193	#A4BFC1
83.3%	83.3% #97B0B8	RGB 151 176 184	#97B0B8
100.0%	100.0% #8BA1AF	RGB 139 161 175	#8BA1AF

#DEE6E1 #CEDCD6 #C0D3CE #B2CAC7 #A4BFC1 #97B0B8 #8BA1AF

#DEE6E1 - #B2CAC7 - #8BA1AF

CSS codes

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

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