#918DAC - #DFDEE7 | 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 #918DAC to #DFDEE7

#918DAC #DFDEE7

Calculate the color between two colors, #918DAC and #DFDEE7. 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)

#918DAC - #DFDEE7 | 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 #918DAC as 0% and #DFDEE7 as 100%.

0.0%	0.0% #918DAC	RGB 145 141 172	#918DAC
16.7%	16.7% #9E9AB5	RGB 158 154 181	#9E9AB5
33.3%	33.3% #ABA8BF	RGB 171 168 191	#ABA8BF
50.0%	50.0% #B8B5C9	RGB 184 181 201	#B8B5C9
66.7%	66.7% #C5C3D3	RGB 197 195 211	#C5C3D3
83.3%	83.3% #D2D0DD	RGB 210 208 221	#D2D0DD
100.0%	100.0% #DFDEE7	RGB 223 222 231	#DFDEE7

#918DAC #9E9AB5 #ABA8BF #B8B5C9 #C5C3D3 #D2D0DD #DFDEE7

#918DAC - #DFDEE7

HSV Blend

#918DAC - #DFDEE7 | 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 #918DAC as 0% and #DFDEE7 as 100%.

0.0%	0.0% #918DAC	RGB 145 141 172	#918DAC
16.7%	16.7% #9C99B5	RGB 156 153 181	#9C99B5
33.3%	33.3% #A9A6BF	RGB 169 166 191	#A9A6BF
50.0%	50.0% #B6B3C9	RGB 182 179 201	#B6B3C9
66.7%	66.7% #C3C1D3	RGB 195 193 211	#C3C1D3
83.3%	83.3% #D0CFDD	RGB 208 207 221	#D0CFDD
100.0%	100.0% #DFDEE7	RGB 223 222 231	#DFDEE7

#918DAC #9C99B5 #A9A6BF #B6B3C9 #C3C1D3 #D0CFDD #DFDEE7

#918DAC - #B6B3C9 - #DFDEE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918DAC 0%, #B6B3C9 50%, #DFDEE7 100%);
    background: -webkit-linear-gradient(top, #918DAC 0%, #B6B3C9 50%, #DFDEE7 100%);
    background: linear-gradient(to bottom, #918DAC 0%, #B6B3C9 50%, #DFDEE7 100%);
}
</style>