#5E26FF - #2600A7 | 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 #5E26FF to #2600A7

#5E26FF #2600A7

Calculate the color between two colors, #5E26FF and #2600A7. 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)

#5E26FF - #2600A7 | 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 #5E26FF as 0% and #2600A7 as 100%.

0.0%	0.0% #5E26FF	RGB 94 38 255	#5E26FF
16.7%	16.7% #541FF0	RGB 84 31 240	#541FF0
33.3%	33.3% #4B19E1	RGB 75 25 225	#4B19E1
50.0%	50.0% #4213D3	RGB 66 19 211	#4213D3
66.7%	66.7% #380CC4	RGB 56 12 196	#380CC4
83.3%	83.3% #2F06B5	RGB 47 6 181	#2F06B5
100.0%	100.0% #2600A7	RGB 38 0 167	#2600A7

#5E26FF #541FF0 #4B19E1 #4213D3 #380CC4 #2F06B5 #2600A7

#5E26FF - #2600A7

HSV Blend

#5E26FF - #2600A7 | 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 #5E26FF as 0% and #2600A7 as 100%.

0.0%	0.0% #5D25FF	RGB 93 37 255	#5D25FF
16.7%	16.7% #531DF0	RGB 83 29 240	#531DF0
33.3%	33.3% #4816E1	RGB 72 22 225	#4816E1
50.0%	50.0% #3F0FD3	RGB 63 15 211	#3F0FD3
66.7%	66.7% #3609C4	RGB 54 9 196	#3609C4
83.3%	83.3% #2D04B5	RGB 45 4 181	#2D04B5
100.0%	100.0% #2600A7	RGB 38 0 167	#2600A7

#5D25FF #531DF0 #4816E1 #3F0FD3 #3609C4 #2D04B5 #2600A7

#5E26FF - #3F0FD3 - #2600A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D25FF 0%, #3F0FD3 50%, #2600A7 100%);
    background: -webkit-linear-gradient(top, #5D25FF 0%, #3F0FD3 50%, #2600A7 100%);
    background: linear-gradient(to bottom, #5D25FF 0%, #3F0FD3 50%, #2600A7 100%);
}
</style>