#8A8992 - #DDDDDF | 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 #8A8992 to #DDDDDF

#8A8992 #DDDDDF

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

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

0.0%	0.0% #8A8992	RGB 138 137 146	#8A8992
16.7%	16.7% #97979E	RGB 151 151 158	#97979E
33.3%	33.3% #A5A5AB	RGB 165 165 171	#A5A5AB
50.0%	50.0% #B3B3B8	RGB 179 179 184	#B3B3B8
66.7%	66.7% #C1C1C5	RGB 193 193 197	#C1C1C5
83.3%	83.3% #CFCFD2	RGB 207 207 210	#CFCFD2
100.0%	100.0% #DDDDDF	RGB 221 221 223	#DDDDDF

#8A8992 #97979E #A5A5AB #B3B3B8 #C1C1C5 #CFCFD2 #DDDDDF

#8A8992 - #DDDDDF

HSV Blend

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

0.0%	0.0% #8A8992	RGB 138 137 146	#8A8992
16.7%	16.7% #97969E	RGB 151 150 158	#97969E
33.3%	33.3% #A4A4AB	RGB 164 164 171	#A4A4AB
50.0%	50.0% #B2B1B8	RGB 178 177 184	#B2B1B8
66.7%	66.7% #C0C0C5	RGB 192 192 197	#C0C0C5
83.3%	83.3% #CECED2	RGB 206 206 210	#CECED2
100.0%	100.0% #DDDDDF	RGB 221 221 223	#DDDDDF

#8A8992 #97969E #A4A4AB #B2B1B8 #C0C0C5 #CECED2 #DDDDDF

#8A8992 - #B2B1B8 - #DDDDDF

CSS codes

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

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