#B26CDB - #8CB8FF | 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 #8CB8FF

#B26CDB #8CB8FF

Calculate the color between two colors, #B26CDB and #8CB8FF. 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 - #8CB8FF | 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 #8CB8FF 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% #9F92ED	RGB 159 146 237	#9F92ED
66.7%	66.7% #989EF3	RGB 152 158 243	#989EF3
83.3%	83.3% #92ABF9	RGB 146 171 249	#92ABF9
100.0%	100.0% #8CB8FF	RGB 140 184 255	#8CB8FF

#B26CDB #AB78E1 #A585E7 #9F92ED #989EF3 #92ABF9 #8CB8FF

#B26CDB - #8CB8FF

HSV Blend

#B26CDB - #8CB8FF | 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 #8CB8FF 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% #897BED	RGB 137 123 237	#897BED
66.7%	66.7% #8086F3	RGB 128 134 243	#8086F3
83.3%	83.3% #869EF9	RGB 134 158 249	#869EF9
100.0%	100.0% #8CB8FF	RGB 140 184 255	#8CB8FF

#B16CDB #A471E1 #9776E7 #897BED #8086F3 #869EF9 #8CB8FF

#B26CDB - #897BED - #8CB8FF

CSS codes

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

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