#826BCC - #DBD4F0 | 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 #826BCC to #DBD4F0

#826BCC #DBD4F0

Calculate the color between two colors, #826BCC and #DBD4F0. 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)

#826BCC - #DBD4F0 | 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 #826BCC as 0% and #DBD4F0 as 100%.

0.0%	0.0% #826BCC	RGB 130 107 204	#826BCC
16.7%	16.7% #907CD2	RGB 144 124 210	#907CD2
33.3%	33.3% #9F8ED8	RGB 159 142 216	#9F8ED8
50.0%	50.0% #AE9FDE	RGB 174 159 222	#AE9FDE
66.7%	66.7% #BDB1E4	RGB 189 177 228	#BDB1E4
83.3%	83.3% #CCC2EA	RGB 204 194 234	#CCC2EA
100.0%	100.0% #DBD4F0	RGB 219 212 240	#DBD4F0

#826BCC #907CD2 #9F8ED8 #AE9FDE #BDB1E4 #CCC2EA #DBD4F0

#826BCC - #DBD4F0

HSV Blend

#826BCC - #DBD4F0 | 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 #826BCC as 0% and #DBD4F0 as 100%.

0.0%	0.0% #826BCC	RGB 130 107 204	#826BCC
16.7%	16.7% #8F7AD2	RGB 143 122 210	#8F7AD2
33.3%	33.3% #9D8BD8	RGB 157 139 216	#9D8BD8
50.0%	50.0% #AC9CDE	RGB 172 156 222	#AC9CDE
66.7%	66.7% #BBAEE4	RGB 187 174 228	#BBAEE4
83.3%	83.3% #CAC0EA	RGB 202 192 234	#CAC0EA
100.0%	100.0% #DBD4F0	RGB 219 212 240	#DBD4F0

#826BCC #8F7AD2 #9D8BD8 #AC9CDE #BBAEE4 #CAC0EA #DBD4F0

#826BCC - #AC9CDE - #DBD4F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #826BCC 0%, #AC9CDE 50%, #DBD4F0 100%);
    background: -webkit-linear-gradient(top, #826BCC 0%, #AC9CDE 50%, #DBD4F0 100%);
    background: linear-gradient(to bottom, #826BCC 0%, #AC9CDE 50%, #DBD4F0 100%);
}
</style>