#080A5E - #613DB1 | 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 #080A5E to #613DB1

#080A5E #613DB1

Calculate the color between two colors, #080A5E and #613DB1. 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)

#080A5E - #613DB1 | 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 #080A5E as 0% and #613DB1 as 100%.

0.0%	0.0% #080A5E	RGB 8 10 94	#080A5E
16.7%	16.7% #16126B	RGB 22 18 107	#16126B
33.3%	33.3% #251B79	RGB 37 27 121	#251B79
50.0%	50.0% #342387	RGB 52 35 135	#342387
66.7%	66.7% #432C95	RGB 67 44 149	#432C95
83.3%	83.3% #5234A3	RGB 82 52 163	#5234A3
100.0%	100.0% #613DB1	RGB 97 61 177	#613DB1

#080A5E #16126B #251B79 #342387 #432C95 #5234A3 #613DB1

#080A5E - #613DB1

HSV Blend

#080A5E - #613DB1 | 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 #080A5E as 0% and #613DB1 as 100%.

0.0%	0.0% #07095E	RGB 7 9 94	#07095E
16.7%	16.7% #100D6B	RGB 16 13 107	#100D6B
33.3%	33.3% #1D1479	RGB 29 20 121	#1D1479
50.0%	50.0% #2C1D87	RGB 44 29 135	#2C1D87
66.7%	66.7% #3C2695	RGB 60 38 149	#3C2695
83.3%	83.3% #4E31A3	RGB 78 49 163	#4E31A3
100.0%	100.0% #613DB1	RGB 97 61 177	#613DB1

#07095E #100D6B #1D1479 #2C1D87 #3C2695 #4E31A3 #613DB1

#080A5E - #2C1D87 - #613DB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #07095E 0%, #2C1D87 50%, #613DB1 100%);
    background: -webkit-linear-gradient(top, #07095E 0%, #2C1D87 50%, #613DB1 100%);
    background: linear-gradient(to bottom, #07095E 0%, #2C1D87 50%, #613DB1 100%);
}
</style>