#B26CDB - #8CB7FF | 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 #B26CDB to #8CB7FF

#B26CDB #8CB7FF

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

#B26CDB - #8CB7FF | 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 #B26CDB as 0% and #8CB7FF as 100%.

0.0%	0.0% #B26CDB	RGB 178 108 219	#B26CDB
16.7%	16.7% #AB78E1	RGB 171 120 225	#AB78E1
33.3%	33.3% #A585E7	RGB 165 133 231	#A585E7
50.0%	50.0% #9F91ED	RGB 159 145 237	#9F91ED
66.7%	66.7% #989EF3	RGB 152 158 243	#989EF3
83.3%	83.3% #92AAF9	RGB 146 170 249	#92AAF9
100.0%	100.0% #8CB7FF	RGB 140 183 255	#8CB7FF

#B26CDB #AB78E1 #A585E7 #9F91ED #989EF3 #92AAF9 #8CB7FF

#B26CDB - #8CB7FF

HSV Blend

#B26CDB - #8CB7FF | 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 #B26CDB as 0% and #8CB7FF as 100%.

0.0%	0.0% #B16CDB	RGB 177 108 219	#B16CDB
16.7%	16.7% #A471E1	RGB 164 113 225	#A471E1
33.3%	33.3% #9776E7	RGB 151 118 231	#9776E7
50.0%	50.0% #8A7BED	RGB 138 123 237	#8A7BED
66.7%	66.7% #8085F3	RGB 128 133 243	#8085F3
83.3%	83.3% #869EF9	RGB 134 158 249	#869EF9
100.0%	100.0% #8CB7FF	RGB 140 183 255	#8CB7FF

#B16CDB #A471E1 #9776E7 #8A7BED #8085F3 #869EF9 #8CB7FF

#B26CDB - #8A7BED - #8CB7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B16CDB 0%, #8A7BED 50%, #8CB7FF 100%);
    background: -webkit-linear-gradient(top, #B16CDB 0%, #8A7BED 50%, #8CB7FF 100%);
    background: linear-gradient(to bottom, #B16CDB 0%, #8A7BED 50%, #8CB7FF 100%);
}
</style>