#831F9C - #DBBFE2 | 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 #831F9C to #DBBFE2

#831F9C #DBBFE2

Calculate the color between two colors, #831F9C and #DBBFE2. 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)

#831F9C - #DBBFE2 | 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 #831F9C as 0% and #DBBFE2 as 100%.

0.0%	0.0% #831F9C	RGB 131 31 156	#831F9C
16.7%	16.7% #9139A7	RGB 145 57 167	#9139A7
33.3%	33.3% #A054B3	RGB 160 84 179	#A054B3
50.0%	50.0% #AF6FBF	RGB 175 111 191	#AF6FBF
66.7%	66.7% #BD89CA	RGB 189 137 202	#BD89CA
83.3%	83.3% #CCA4D6	RGB 204 164 214	#CCA4D6
100.0%	100.0% #DBBFE2	RGB 219 191 226	#DBBFE2

#831F9C #9139A7 #A054B3 #AF6FBF #BD89CA #CCA4D6 #DBBFE2

#831F9C - #DBBFE2

HSV Blend

#831F9C - #DBBFE2 | 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 #831F9C as 0% and #DBBFE2 as 100%.

0.0%	0.0% #831F9C	RGB 131 31 156	#831F9C
16.7%	16.7% #9033A7	RGB 144 51 167	#9033A7
33.3%	33.3% #9E4AB3	RGB 158 74 179	#9E4AB3
50.0%	50.0% #AC63BF	RGB 172 99 191	#AC63BF
66.7%	66.7% #BB7FCA	RGB 187 127 202	#BB7FCA
83.3%	83.3% #CB9ED6	RGB 203 158 214	#CB9ED6
100.0%	100.0% #DBBFE2	RGB 219 191 226	#DBBFE2

#831F9C #9033A7 #9E4AB3 #AC63BF #BB7FCA #CB9ED6 #DBBFE2

#831F9C - #AC63BF - #DBBFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #831F9C 0%, #AC63BF 50%, #DBBFE2 100%);
    background: -webkit-linear-gradient(top, #831F9C 0%, #AC63BF 50%, #DBBFE2 100%);
    background: linear-gradient(to bottom, #831F9C 0%, #AC63BF 50%, #DBBFE2 100%);
}
</style>