#B7B2FF - #774EDF | 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 #B7B2FF to #774EDF

#B7B2FF #774EDF

Calculate the color between two colors, #B7B2FF and #774EDF. 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)

#B7B2FF - #774EDF | 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 #B7B2FF as 0% and #774EDF as 100%.

0.0%	0.0% #B7B2FF	RGB 183 178 255	#B7B2FF
16.7%	16.7% #ACA1F9	RGB 172 161 249	#ACA1F9
33.3%	33.3% #A190F4	RGB 161 144 244	#A190F4
50.0%	50.0% #9780EF	RGB 151 128 239	#9780EF
66.7%	66.7% #8C6FE9	RGB 140 111 233	#8C6FE9
83.3%	83.3% #815EE4	RGB 129 94 228	#815EE4
100.0%	100.0% #774EDF	RGB 119 78 223	#774EDF

#B7B2FF #ACA1F9 #A190F4 #9780EF #8C6FE9 #815EE4 #774EDF

#B7B2FF - #774EDF

HSV Blend

#B7B2FF - #774EDF | 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 #B7B2FF as 0% and #774EDF as 100%.

0.0%	0.0% #B7B2FF	RGB 183 178 255	#B7B2FF
16.7%	16.7% #A89FF9	RGB 168 159 249	#A89FF9
33.3%	33.3% #9C8EF4	RGB 156 142 244	#9C8EF4
50.0%	50.0% #907DEF	RGB 144 125 239	#907DEF
66.7%	66.7% #876CE9	RGB 135 108 233	#876CE9
83.3%	83.3% #7E5DE4	RGB 126 93 228	#7E5DE4
100.0%	100.0% #774EDF	RGB 119 78 223	#774EDF

#B7B2FF #A89FF9 #9C8EF4 #907DEF #876CE9 #7E5DE4 #774EDF

#B7B2FF - #907DEF - #774EDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B2FF 0%, #907DEF 50%, #774EDF 100%);
    background: -webkit-linear-gradient(top, #B7B2FF 0%, #907DEF 50%, #774EDF 100%);
    background: linear-gradient(to bottom, #B7B2FF 0%, #907DEF 50%, #774EDF 100%);
}
</style>