#8A8291 - #DFDBDF | 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 #8A8291 to #DFDBDF

#8A8291 #DFDBDF

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

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

0.0%	0.0% #8A8291	RGB 138 130 145	#8A8291
16.7%	16.7% #98909E	RGB 152 144 158	#98909E
33.3%	33.3% #A69FAB	RGB 166 159 171	#A69FAB
50.0%	50.0% #B4AEB8	RGB 180 174 184	#B4AEB8
66.7%	66.7% #C2BDC5	RGB 194 189 197	#C2BDC5
83.3%	83.3% #D0CCD2	RGB 208 204 210	#D0CCD2
100.0%	100.0% #DFDBDF	RGB 223 219 223	#DFDBDF

#8A8291 #98909E #A69FAB #B4AEB8 #C2BDC5 #D0CCD2 #DFDBDF

#8A8291 - #DFDBDF

HSV Blend

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

0.0%	0.0% #8A8291	RGB 138 130 145	#8A8291
16.7%	16.7% #988F9E	RGB 152 143 158	#988F9E
33.3%	33.3% #A79EAB	RGB 167 158 171	#A79EAB
50.0%	50.0% #B5ACB8	RGB 181 172 184	#B5ACB8
66.7%	66.7% #C3BBC5	RGB 195 187 197	#C3BBC5
83.3%	83.3% #D1CBD2	RGB 209 203 210	#D1CBD2
100.0%	100.0% #DFDBDF	RGB 223 219 223	#DFDBDF

#8A8291 #988F9E #A79EAB #B5ACB8 #C3BBC5 #D1CBD2 #DFDBDF

#8A8291 - #B5ACB8 - #DFDBDF

CSS codes

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

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