#7D7DDA - #23233E | 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 #7D7DDA to #23233E

#7D7DDA #23233E

Calculate the color between two colors, #7D7DDA and #23233E. 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)

#7D7DDA - #23233E | 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 #7D7DDA as 0% and #23233E as 100%.

0.0%	0.0% #7D7DDA	RGB 125 125 218	#7D7DDA
16.7%	16.7% #6E6EC0	RGB 110 110 192	#6E6EC0
33.3%	33.3% #5F5FA6	RGB 95 95 166	#5F5FA6
50.0%	50.0% #50508C	RGB 80 80 140	#50508C
66.7%	66.7% #414172	RGB 65 65 114	#414172
83.3%	83.3% #323258	RGB 50 50 88	#323258
100.0%	100.0% #23233E	RGB 35 35 62	#23233E

#7D7DDA #6E6EC0 #5F5FA6 #50508C #414172 #323258 #23233E

#7D7DDA - #23233E

HSV Blend

#7D7DDA - #23233E | 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 #7D7DDA as 0% and #23233E as 100%.

0.0%	0.0% #7D7DDA	RGB 125 125 218	#7D7DDA
16.7%	16.7% #6D6DC0	RGB 109 109 192	#6D6DC0
33.3%	33.3% #5E5EA6	RGB 94 94 166	#5E5EA6
50.0%	50.0% #4F4F8C	RGB 79 79 140	#4F4F8C
66.7%	66.7% #404072	RGB 64 64 114	#404072
83.3%	83.3% #313158	RGB 49 49 88	#313158
100.0%	100.0% #23233E	RGB 35 35 62	#23233E

#7D7DDA #6D6DC0 #5E5EA6 #4F4F8C #404072 #313158 #23233E

#7D7DDA - #4F4F8C - #23233E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D7DDA 0%, #4F4F8C 50%, #23233E 100%);
    background: -webkit-linear-gradient(top, #7D7DDA 0%, #4F4F8C 50%, #23233E 100%);
    background: linear-gradient(to bottom, #7D7DDA 0%, #4F4F8C 50%, #23233E 100%);
}
</style>