#91859C - #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 #91859C to #DFDCE2

#91859C #DFDCE2

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

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

0.0%	0.0% #91859C	RGB 145 133 156	#91859C
16.7%	16.7% #9E93A7	RGB 158 147 167	#9E93A7
33.3%	33.3% #ABA2B3	RGB 171 162 179	#ABA2B3
50.0%	50.0% #B8B0BF	RGB 184 176 191	#B8B0BF
66.7%	66.7% #C5BFCA	RGB 197 191 202	#C5BFCA
83.3%	83.3% #D2CDD6	RGB 210 205 214	#D2CDD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#91859C #9E93A7 #ABA2B3 #B8B0BF #C5BFCA #D2CDD6 #DFDCE2

#91859C - #DFDCE2

HSV Blend

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

0.0%	0.0% #91859C	RGB 145 133 156	#91859C
16.7%	16.7% #9D92A7	RGB 157 146 167	#9D92A7
33.3%	33.3% #AAA0B3	RGB 170 160 179	#AAA0B3
50.0%	50.0% #B6AEBF	RGB 182 174 191	#B6AEBF
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

#91859C #9D92A7 #AAA0B3 #B6AEBF #C3BDCA #D1CCD6 #DFDCE2

#91859C - #B6AEBF - #DFDCE2

CSS codes

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

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