#080D4C - #713E87 | 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 #080D4C to #713E87

#080D4C #713E87

Calculate the color between two colors, #080D4C and #713E87. 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)

#080D4C - #713E87 | 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 #080D4C as 0% and #713E87 as 100%.

0.0%	0.0% #080D4C	RGB 8 13 76	#080D4C
16.7%	16.7% #191555	RGB 25 21 85	#191555
33.3%	33.3% #2B1D5F	RGB 43 29 95	#2B1D5F
50.0%	50.0% #3C2569	RGB 60 37 105	#3C2569
66.7%	66.7% #4E2D73	RGB 78 45 115	#4E2D73
83.3%	83.3% #5F357D	RGB 95 53 125	#5F357D
100.0%	100.0% #713E87	RGB 113 62 135	#713E87

#080D4C #191555 #2B1D5F #3C2569 #4E2D73 #5F357D #713E87

#080D4C - #713E87

HSV Blend

#080D4C - #713E87 | 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 #080D4C as 0% and #713E87 as 100%.

0.0%	0.0% #080C4C	RGB 8 12 76	#080C4C
16.7%	16.7% #120E55	RGB 18 14 85	#120E55
33.3%	33.3% #23155F	RGB 35 21 95	#23155F
50.0%	50.0% #351D69	RGB 53 29 105	#351D69
66.7%	66.7% #482773	RGB 72 39 115	#482773
83.3%	83.3% #5C327D	RGB 92 50 125	#5C327D
100.0%	100.0% #713E87	RGB 113 62 135	#713E87

#080C4C #120E55 #23155F #351D69 #482773 #5C327D #713E87

#080D4C - #351D69 - #713E87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080C4C 0%, #351D69 50%, #713E87 100%);
    background: -webkit-linear-gradient(top, #080C4C 0%, #351D69 50%, #713E87 100%);
    background: linear-gradient(to bottom, #080C4C 0%, #351D69 50%, #713E87 100%);
}
</style>