#8166BA - #8BA3FF | 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 #8166BA to #8BA3FF

#8166BA #8BA3FF

Calculate the color between two colors, #8166BA and #8BA3FF. 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)

#8166BA - #8BA3FF | 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 #8166BA as 0% and #8BA3FF as 100%.

0.0%	0.0% #8166BA	RGB 129 102 186	#8166BA
16.7%	16.7% #8270C5	RGB 130 112 197	#8270C5
33.3%	33.3% #847AD1	RGB 132 122 209	#847AD1
50.0%	50.0% #8684DC	RGB 134 132 220	#8684DC
66.7%	66.7% #878EE8	RGB 135 142 232	#878EE8
83.3%	83.3% #8998F3	RGB 137 152 243	#8998F3
100.0%	100.0% #8BA3FF	RGB 139 163 255	#8BA3FF

#8166BA #8270C5 #847AD1 #8684DC #878EE8 #8998F3 #8BA3FF

#8166BA - #8BA3FF

HSV Blend

#8166BA - #8BA3FF | 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 #8166BA as 0% and #8BA3FF as 100%.

0.0%	0.0% #8166BA	RGB 129 102 186	#8166BA
16.7%	16.7% #816CC5	RGB 129 108 197	#816CC5
33.3%	33.3% #8072D1	RGB 128 114 209	#8072D1
50.0%	50.0% #7E78DC	RGB 126 120 220	#7E78DC
66.7%	66.7% #7E81E8	RGB 126 129 232	#7E81E8
83.3%	83.3% #8492F3	RGB 132 146 243	#8492F3
100.0%	100.0% #8BA3FF	RGB 139 163 255	#8BA3FF

#8166BA #816CC5 #8072D1 #7E78DC #7E81E8 #8492F3 #8BA3FF

#8166BA - #7E78DC - #8BA3FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8166BA 0%, #7E78DC 50%, #8BA3FF 100%);
    background: -webkit-linear-gradient(top, #8166BA 0%, #7E78DC 50%, #8BA3FF 100%);
    background: linear-gradient(to bottom, #8166BA 0%, #7E78DC 50%, #8BA3FF 100%);
}
</style>