#B8B2FF - #794EE0 | 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 #B8B2FF to #794EE0

#B8B2FF #794EE0

Calculate the color between two colors, #B8B2FF and #794EE0. 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)

#B8B2FF - #794EE0 | 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 #B8B2FF as 0% and #794EE0 as 100%.

0.0%	0.0% #B8B2FF	RGB 184 178 255	#B8B2FF
16.7%	16.7% #ADA1F9	RGB 173 161 249	#ADA1F9
33.3%	33.3% #A390F4	RGB 163 144 244	#A390F4
50.0%	50.0% #9880EF	RGB 152 128 239	#9880EF
66.7%	66.7% #8E6FEA	RGB 142 111 234	#8E6FEA
83.3%	83.3% #835EE5	RGB 131 94 229	#835EE5
100.0%	100.0% #794EE0	RGB 121 78 224	#794EE0

#B8B2FF #ADA1F9 #A390F4 #9880EF #8E6FEA #835EE5 #794EE0

#B8B2FF - #794EE0

HSV Blend

#B8B2FF - #794EE0 | 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 #B8B2FF as 0% and #794EE0 as 100%.

0.0%	0.0% #B8B2FF	RGB 184 178 255	#B8B2FF
16.7%	16.7% #AA9FF9	RGB 170 159 249	#AA9FF9
33.3%	33.3% #9D8EF4	RGB 157 142 244	#9D8EF4
50.0%	50.0% #927DEF	RGB 146 125 239	#927DEF
66.7%	66.7% #886CEA	RGB 136 108 234	#886CEA
83.3%	83.3% #805DE5	RGB 128 93 229	#805DE5
100.0%	100.0% #794EE0	RGB 121 78 224	#794EE0

#B8B2FF #AA9FF9 #9D8EF4 #927DEF #886CEA #805DE5 #794EE0

#B8B2FF - #927DEF - #794EE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8B2FF 0%, #927DEF 50%, #794EE0 100%);
    background: -webkit-linear-gradient(top, #B8B2FF 0%, #927DEF 50%, #794EE0 100%);
    background: linear-gradient(to bottom, #B8B2FF 0%, #927DEF 50%, #794EE0 100%);
}
</style>