#2D70C9 - #00489C | 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 #2D70C9 to #00489C

#2D70C9 #00489C

Calculate the color between two colors, #2D70C9 and #00489C. 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)

#2D70C9 - #00489C | 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 #2D70C9 as 0% and #00489C as 100%.

0.0%	0.0% #2D70C9	RGB 45 112 201	#2D70C9
16.7%	16.7% #2569C1	RGB 37 105 193	#2569C1
33.3%	33.3% #1E62BA	RGB 30 98 186	#1E62BA
50.0%	50.0% #165CB2	RGB 22 92 178	#165CB2
66.7%	66.7% #0E55AB	RGB 14 85 171	#0E55AB
83.3%	83.3% #074EA3	RGB 7 78 163	#074EA3
100.0%	100.0% #00489C	RGB 0 72 156	#00489C

#2D70C9 #2569C1 #1E62BA #165CB2 #0E55AB #074EA3 #00489C

#2D70C9 - #00489C

HSV Blend

#2D70C9 - #00489C | 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 #2D70C9 as 0% and #00489C as 100%.

0.0%	0.0% #2D70C9	RGB 45 112 201	#2D70C9
16.7%	16.7% #2468C1	RGB 36 104 193	#2468C1
33.3%	33.3% #1B61BA	RGB 27 97 186	#1B61BA
50.0%	50.0% #135AB2	RGB 19 90 178	#135AB2
66.7%	66.7% #0C54AB	RGB 12 84 171	#0C54AB
83.3%	83.3% #064DA3	RGB 6 77 163	#064DA3
100.0%	100.0% #00489C	RGB 0 72 156	#00489C

#2D70C9 #2468C1 #1B61BA #135AB2 #0C54AB #064DA3 #00489C

#2D70C9 - #135AB2 - #00489C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D70C9 0%, #135AB2 50%, #00489C 100%);
    background: -webkit-linear-gradient(top, #2D70C9 0%, #135AB2 50%, #00489C 100%);
    background: linear-gradient(to bottom, #2D70C9 0%, #135AB2 50%, #00489C 100%);
}
</style>