#90859B - #DFDCE2 | 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 #90859B to #DFDCE2

#90859B #DFDCE2

Calculate the color between two colors, #90859B and #DFDCE2. 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)

#90859B - #DFDCE2 | 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 #90859B as 0% and #DFDCE2 as 100%.

0.0%	0.0% #90859B	RGB 144 133 155	#90859B
16.7%	16.7% #9D93A6	RGB 157 147 166	#9D93A6
33.3%	33.3% #AAA2B2	RGB 170 162 178	#AAA2B2
50.0%	50.0% #B7B0BE	RGB 183 176 190	#B7B0BE
66.7%	66.7% #C4BFCA	RGB 196 191 202	#C4BFCA
83.3%	83.3% #D1CDD6	RGB 209 205 214	#D1CDD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#90859B #9D93A6 #AAA2B2 #B7B0BE #C4BFCA #D1CDD6 #DFDCE2

#90859B - #DFDCE2

HSV Blend

#90859B - #DFDCE2 | 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 #90859B as 0% and #DFDCE2 as 100%.

0.0%	0.0% #90859B	RGB 144 133 155	#90859B
16.7%	16.7% #9C92A6	RGB 156 146 166	#9C92A6
33.3%	33.3% #A9A0B2	RGB 169 160 178	#A9A0B2
50.0%	50.0% #B6AEBE	RGB 182 174 190	#B6AEBE
66.7%	66.7% #C3BDCA	RGB 195 189 202	#C3BDCA
83.3%	83.3% #D1CCD6	RGB 209 204 214	#D1CCD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#90859B #9C92A6 #A9A0B2 #B6AEBE #C3BDCA #D1CCD6 #DFDCE2

#90859B - #B6AEBE - #DFDCE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #90859B 0%, #B6AEBE 50%, #DFDCE2 100%);
    background: -webkit-linear-gradient(top, #90859B 0%, #B6AEBE 50%, #DFDCE2 100%);
    background: linear-gradient(to bottom, #90859B 0%, #B6AEBE 50%, #DFDCE2 100%);
}
</style>