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

#91879C #DFDCE2

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

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

0.0%	0.0% #91879C	RGB 145 135 156	#91879C
16.7%	16.7% #9E95A7	RGB 158 149 167	#9E95A7
33.3%	33.3% #ABA3B3	RGB 171 163 179	#ABA3B3
50.0%	50.0% #B8B1BF	RGB 184 177 191	#B8B1BF
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

#91879C #9E95A7 #ABA3B3 #B8B1BF #C5BFCA #D2CDD6 #DFDCE2

#91879C - #DFDCE2

HSV Blend

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

0.0%	0.0% #91879C	RGB 145 135 156	#91879C
16.7%	16.7% #9D94A7	RGB 157 148 167	#9D94A7
33.3%	33.3% #AAA1B3	RGB 170 161 179	#AAA1B3
50.0%	50.0% #B7AFBF	RGB 183 175 191	#B7AFBF
66.7%	66.7% #C4BDCA	RGB 196 189 202	#C4BDCA
83.3%	83.3% #D1CCD6	RGB 209 204 214	#D1CCD6
100.0%	100.0% #DFDCE2	RGB 223 220 226	#DFDCE2

#91879C #9D94A7 #AAA1B3 #B7AFBF #C4BDCA #D1CCD6 #DFDCE2

#91879C - #B7AFBF - #DFDCE2

CSS codes

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

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