#8A8F82 - #DDDFDB | 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 #8A8F82 to #DDDFDB

#8A8F82 #DDDFDB

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

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

0.0%	0.0% #8A8F82	RGB 138 143 130	#8A8F82
16.7%	16.7% #979C90	RGB 151 156 144	#979C90
33.3%	33.3% #A5A99F	RGB 165 169 159	#A5A99F
50.0%	50.0% #B3B7AE	RGB 179 183 174	#B3B7AE
66.7%	66.7% #C1C4BD	RGB 193 196 189	#C1C4BD
83.3%	83.3% #CFD1CC	RGB 207 209 204	#CFD1CC
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#8A8F82 #979C90 #A5A99F #B3B7AE #C1C4BD #CFD1CC #DDDFDB

#8A8F82 - #DDDFDB

HSV Blend

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

0.0%	0.0% #8A8F82	RGB 138 143 130	#8A8F82
16.7%	16.7% #979C90	RGB 151 156 144	#979C90
33.3%	33.3% #A4A99E	RGB 164 169 158	#A4A99E
50.0%	50.0% #B2B7AD	RGB 178 183 173	#B2B7AD
66.7%	66.7% #C0C4BC	RGB 192 196 188	#C0C4BC
83.3%	83.3% #CED1CB	RGB 206 209 203	#CED1CB
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#8A8F82 #979C90 #A4A99E #B2B7AD #C0C4BC #CED1CB #DDDFDB

#8A8F82 - #B2B7AD - #DDDFDB

CSS codes

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

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