#7B68EE - #3B00A5 | 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 #7B68EE to #3B00A5

#7B68EE #3B00A5

Calculate the color between two colors, #7B68EE and #3B00A5. 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)

#7B68EE - #3B00A5 | 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 #7B68EE as 0% and #3B00A5 as 100%.

0.0%	0.0% #7B68EE	RGB 123 104 238	#7B68EE
16.7%	16.7% #7056E1	RGB 112 86 225	#7056E1
33.3%	33.3% #6545D5	RGB 101 69 213	#6545D5
50.0%	50.0% #5B34C9	RGB 91 52 201	#5B34C9
66.7%	66.7% #5022BD	RGB 80 34 189	#5022BD
83.3%	83.3% #4511B1	RGB 69 17 177	#4511B1
100.0%	100.0% #3B00A5	RGB 59 0 165	#3B00A5

#7B68EE #7056E1 #6545D5 #5B34C9 #5022BD #4511B1 #3B00A5

#7B68EE - #3B00A5

HSV Blend

#7B68EE - #3B00A5 | 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 #7B68EE as 0% and #3B00A5 as 100%.

0.0%	0.0% #7B68EE	RGB 123 104 238	#7B68EE
16.7%	16.7% #6B52E1	RGB 107 82 225	#6B52E1
33.3%	33.3% #5E3ED5	RGB 94 62 213	#5E3ED5
50.0%	50.0% #532CC9	RGB 83 44 201	#532CC9
66.7%	66.7% #491BBD	RGB 73 27 189	#491BBD
83.3%	83.3% #410CB1	RGB 65 12 177	#410CB1
100.0%	100.0% #3B00A5	RGB 59 0 165	#3B00A5

#7B68EE #6B52E1 #5E3ED5 #532CC9 #491BBD #410CB1 #3B00A5

#7B68EE - #532CC9 - #3B00A5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B68EE 0%, #532CC9 50%, #3B00A5 100%);
    background: -webkit-linear-gradient(top, #7B68EE 0%, #532CC9 50%, #3B00A5 100%);
    background: linear-gradient(to bottom, #7B68EE 0%, #532CC9 50%, #3B00A5 100%);
}
</style>