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

#948B9C #DFDDE2

Calculate the color between two colors, #948B9C 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)

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

0.0%	0.0% #948B9C	RGB 148 139 156	#948B9C
16.7%	16.7% #A098A7	RGB 160 152 167	#A098A7
33.3%	33.3% #ADA6B3	RGB 173 166 179	#ADA6B3
50.0%	50.0% #B9B4BF	RGB 185 180 191	#B9B4BF
66.7%	66.7% #C6C1CA	RGB 198 193 202	#C6C1CA
83.3%	83.3% #D2CFD6	RGB 210 207 214	#D2CFD6
100.0%	100.0% #DFDDE2	RGB 223 221 226	#DFDDE2

#948B9C #A098A7 #ADA6B3 #B9B4BF #C6C1CA #D2CFD6 #DFDDE2

#948B9C - #DFDDE2

HSV Blend

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

0.0%	0.0% #948B9C	RGB 148 139 156	#948B9C
16.7%	16.7% #9F97A7	RGB 159 151 167	#9F97A7
33.3%	33.3% #ABA4B3	RGB 171 164 179	#ABA4B3
50.0%	50.0% #B8B2BF	RGB 184 178 191	#B8B2BF
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

#948B9C #9F97A7 #ABA4B3 #B8B2BF #C4C0CA #D1CED6 #DFDDE2

#948B9C - #B8B2BF - #DFDDE2

CSS codes

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

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