#928B9C - #DFDDE2 | 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 #928B9C to #DFDDE2

#928B9C #DFDDE2

Calculate the color between two colors, #928B9C and #DFDDE2. 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)

#928B9C - #DFDDE2 | 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 #928B9C as 0% and #DFDDE2 as 100%.

0.0%	0.0% #928B9C	RGB 146 139 156	#928B9C
16.7%	16.7% #9E98A7	RGB 158 152 167	#9E98A7
33.3%	33.3% #ABA6B3	RGB 171 166 179	#ABA6B3
50.0%	50.0% #B8B4BF	RGB 184 180 191	#B8B4BF
66.7%	66.7% #C5C1CA	RGB 197 193 202	#C5C1CA
83.3%	83.3% #D2CFD6	RGB 210 207 214	#D2CFD6
100.0%	100.0% #DFDDE2	RGB 223 221 226	#DFDDE2

#928B9C #9E98A7 #ABA6B3 #B8B4BF #C5C1CA #D2CFD6 #DFDDE2

#928B9C - #DFDDE2

HSV Blend

#928B9C - #DFDDE2 | 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 #928B9C as 0% and #DFDDE2 as 100%.

0.0%	0.0% #928B9C	RGB 146 139 156	#928B9C
16.7%	16.7% #9E97A7	RGB 158 151 167	#9E97A7
33.3%	33.3% #AAA4B3	RGB 170 164 179	#AAA4B3
50.0%	50.0% #B7B2BF	RGB 183 178 191	#B7B2BF
66.7%	66.7% #C4C0CA	RGB 196 192 202	#C4C0CA
83.3%	83.3% #D1CED6	RGB 209 206 214	#D1CED6
100.0%	100.0% #DFDDE2	RGB 223 221 226	#DFDDE2

#928B9C #9E97A7 #AAA4B3 #B7B2BF #C4C0CA #D1CED6 #DFDDE2

#928B9C - #B7B2BF - #DFDDE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #928B9C 0%, #B7B2BF 50%, #DFDDE2 100%);
    background: -webkit-linear-gradient(top, #928B9C 0%, #B7B2BF 50%, #DFDDE2 100%);
    background: linear-gradient(to bottom, #928B9C 0%, #B7B2BF 50%, #DFDDE2 100%);
}
</style>