#7E6BDA - #231E3E | 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 #7E6BDA to #231E3E

#7E6BDA #231E3E

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

#7E6BDA - #231E3E | 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 #7E6BDA as 0% and #231E3E as 100%.

0.0%	0.0% #7E6BDA	RGB 126 107 218	#7E6BDA
16.7%	16.7% #6E5EC0	RGB 110 94 192	#6E5EC0
33.3%	33.3% #5F51A6	RGB 95 81 166	#5F51A6
50.0%	50.0% #50448C	RGB 80 68 140	#50448C
66.7%	66.7% #413772	RGB 65 55 114	#413772
83.3%	83.3% #322A58	RGB 50 42 88	#322A58
100.0%	100.0% #231E3E	RGB 35 30 62	#231E3E

#7E6BDA #6E5EC0 #5F51A6 #50448C #413772 #322A58 #231E3E

#7E6BDA - #231E3E

HSV Blend

#7E6BDA - #231E3E | 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 #7E6BDA as 0% and #231E3E as 100%.

0.0%	0.0% #7E6BDA	RGB 126 107 218	#7E6BDA
16.7%	16.7% #6E5EC0	RGB 110 94 192	#6E5EC0
33.3%	33.3% #5F51A6	RGB 95 81 166	#5F51A6
50.0%	50.0% #4F448C	RGB 79 68 140	#4F448C
66.7%	66.7% #403772	RGB 64 55 114	#403772
83.3%	83.3% #312A58	RGB 49 42 88	#312A58
100.0%	100.0% #231E3E	RGB 35 30 62	#231E3E

#7E6BDA #6E5EC0 #5F51A6 #4F448C #403772 #312A58 #231E3E

#7E6BDA - #4F448C - #231E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6BDA 0%, #4F448C 50%, #231E3E 100%);
    background: -webkit-linear-gradient(top, #7E6BDA 0%, #4F448C 50%, #231E3E 100%);
    background: linear-gradient(to bottom, #7E6BDA 0%, #4F448C 50%, #231E3E 100%);
}
</style>