#8061D9 - #231B3E | 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 #8061D9 to #231B3E

#8061D9 #231B3E

Calculate the color between two colors, #8061D9 and #231B3E. 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)

#8061D9 - #231B3E | 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 #8061D9 as 0% and #231B3E as 100%.

0.0%	0.0% #8061D9	RGB 128 97 217	#8061D9
16.7%	16.7% #7055BF	RGB 112 85 191	#7055BF
33.3%	33.3% #6149A5	RGB 97 73 165	#6149A5
50.0%	50.0% #513E8B	RGB 81 62 139	#513E8B
66.7%	66.7% #423271	RGB 66 50 113	#423271
83.3%	83.3% #322657	RGB 50 38 87	#322657
100.0%	100.0% #231B3E	RGB 35 27 62	#231B3E

#8061D9 #7055BF #6149A5 #513E8B #423271 #322657 #231B3E

#8061D9 - #231B3E

HSV Blend

#8061D9 - #231B3E | 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 #8061D9 as 0% and #231B3E as 100%.

0.0%	0.0% #8061D9	RGB 128 97 217	#8061D9
16.7%	16.7% #6F55BF	RGB 111 85 191	#6F55BF
33.3%	33.3% #6049A5	RGB 96 73 165	#6049A5
50.0%	50.0% #503D8B	RGB 80 61 139	#503D8B
66.7%	66.7% #413171	RGB 65 49 113	#413171
83.3%	83.3% #312657	RGB 49 38 87	#312657
100.0%	100.0% #231B3E	RGB 35 27 62	#231B3E

#8061D9 #6F55BF #6049A5 #503D8B #413171 #312657 #231B3E

#8061D9 - #503D8B - #231B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8061D9 0%, #503D8B 50%, #231B3E 100%);
    background: -webkit-linear-gradient(top, #8061D9 0%, #503D8B 50%, #231B3E 100%);
    background: linear-gradient(to bottom, #8061D9 0%, #503D8B 50%, #231B3E 100%);
}
</style>