#8F91A5 - #DFDFE5 | 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 #8F91A5 to #DFDFE5

#8F91A5 #DFDFE5

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

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

0.0%	0.0% #8F91A5	RGB 143 145 165	#8F91A5
16.7%	16.7% #9C9EAF	RGB 156 158 175	#9C9EAF
33.3%	33.3% #A9ABBA	RGB 169 171 186	#A9ABBA
50.0%	50.0% #B7B8C5	RGB 183 184 197	#B7B8C5
66.7%	66.7% #C4C5CF	RGB 196 197 207	#C4C5CF
83.3%	83.3% #D1D2DA	RGB 209 210 218	#D1D2DA
100.0%	100.0% #DFDFE5	RGB 223 223 229	#DFDFE5

#8F91A5 #9C9EAF #A9ABBA #B7B8C5 #C4C5CF #D1D2DA #DFDFE5

#8F91A5 - #DFDFE5

HSV Blend

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

0.0%	0.0% #8F91A5	RGB 143 145 165	#8F91A5
16.7%	16.7% #9B9CAF	RGB 155 156 175	#9B9CAF
33.3%	33.3% #A8A9BA	RGB 168 169 186	#A8A9BA
50.0%	50.0% #B5B6C5	RGB 181 182 197	#B5B6C5
66.7%	66.7% #C2C3CF	RGB 194 195 207	#C2C3CF
83.3%	83.3% #D0D0DA	RGB 208 208 218	#D0D0DA
100.0%	100.0% #DFDFE5	RGB 223 223 229	#DFDFE5

#8F91A5 #9B9CAF #A8A9BA #B5B6C5 #C2C3CF #D0D0DA #DFDFE5

#8F91A5 - #B5B6C5 - #DFDFE5

CSS codes

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

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