#8F969A - #DFDFE2 | 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 #8F969A to #DFDFE2

#8F969A #DFDFE2

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

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

0.0%	0.0% #8F969A	RGB 143 150 154	#8F969A
16.7%	16.7% #9CA2A6	RGB 156 162 166	#9CA2A6
33.3%	33.3% #A9AEB2	RGB 169 174 178	#A9AEB2
50.0%	50.0% #B7BABE	RGB 183 186 190	#B7BABE
66.7%	66.7% #C4C6CA	RGB 196 198 202	#C4C6CA
83.3%	83.3% #D1D2D6	RGB 209 210 214	#D1D2D6
100.0%	100.0% #DFDFE2	RGB 223 223 226	#DFDFE2

#8F969A #9CA2A6 #A9AEB2 #B7BABE #C4C6CA #D1D2D6 #DFDFE2

#8F969A - #DFDFE2

HSV Blend

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

0.0%	0.0% #8F969A	RGB 143 150 154	#8F969A
16.7%	16.7% #9BA1A6	RGB 155 161 166	#9BA1A6
33.3%	33.3% #A8ACB2	RGB 168 172 178	#A8ACB2
50.0%	50.0% #B5B8BE	RGB 181 184 190	#B5B8BE
66.7%	66.7% #C3C4CA	RGB 195 196 202	#C3C4CA
83.3%	83.3% #D1D1D6	RGB 209 209 214	#D1D1D6
100.0%	100.0% #DFDFE2	RGB 223 223 226	#DFDFE2

#8F969A #9BA1A6 #A8ACB2 #B5B8BE #C3C4CA #D1D1D6 #DFDFE2

#8F969A - #B5B8BE - #DFDFE2

CSS codes

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

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