#000C8C - #7289C9 | 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 #000C8C to #7289C9

#000C8C #7289C9

Calculate the color between two colors, #000C8C and #7289C9. 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)

#000C8C - #7289C9 | 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 #000C8C as 0% and #7289C9 as 100%.

0.0%	0.0% #000C8C	RGB 0 12 140	#000C8C
16.7%	16.7% #132096	RGB 19 32 150	#132096
33.3%	33.3% #2635A0	RGB 38 53 160	#2635A0
50.0%	50.0% #394AAA	RGB 57 74 170	#394AAA
66.7%	66.7% #4C5FB4	RGB 76 95 180	#4C5FB4
83.3%	83.3% #5F74BE	RGB 95 116 190	#5F74BE
100.0%	100.0% #7289C9	RGB 114 137 201	#7289C9

#000C8C #132096 #2635A0 #394AAA #4C5FB4 #5F74BE #7289C9

#000C8C - #7289C9

HSV Blend

#000C8C - #7289C9 | 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 #000C8C as 0% and #7289C9 as 100%.

0.0%	0.0% #000C8C	RGB 0 12 140	#000C8C
16.7%	16.7% #0E1D96	RGB 14 29 150	#0E1D96
33.3%	33.3% #1E31A0	RGB 30 49 160	#1E31A0
50.0%	50.0% #3045AA	RGB 48 69 170	#3045AA
66.7%	66.7% #445BB4	RGB 68 91 180	#445BB4
83.3%	83.3% #5A71BE	RGB 90 113 190	#5A71BE
100.0%	100.0% #7289C9	RGB 114 137 201	#7289C9

#000C8C #0E1D96 #1E31A0 #3045AA #445BB4 #5A71BE #7289C9

#000C8C - #3045AA - #7289C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000C8C 0%, #3045AA 50%, #7289C9 100%);
    background: -webkit-linear-gradient(top, #000C8C 0%, #3045AA 50%, #7289C9 100%);
    background: linear-gradient(to bottom, #000C8C 0%, #3045AA 50%, #7289C9 100%);
}
</style>