#0076C0 - #00658B | 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 #0076C0 to #00658B

#0076C0 #00658B

Calculate the color between two colors, #0076C0 and #00658B. 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)

#0076C0 - #00658B | 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 #0076C0 as 0% and #00658B as 100%.

0.0%	0.0% #0076C0	RGB 0 118 192	#0076C0
16.7%	16.7% #0073B7	RGB 0 115 183	#0073B7
33.3%	33.3% #0070AE	RGB 0 112 174	#0070AE
50.0%	50.0% #006DA5	RGB 0 109 165	#006DA5
66.7%	66.7% #006A9C	RGB 0 106 156	#006A9C
83.3%	83.3% #006793	RGB 0 103 147	#006793
100.0%	100.0% #00658B	RGB 0 101 139	#00658B

#0076C0 #0073B7 #0070AE #006DA5 #006A9C #006793 #00658B

#0076C0 - #00658B

HSV Blend

#0076C0 - #00658B | 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 #0076C0 as 0% and #00658B as 100%.

0.0%	0.0% #0076C0	RGB 0 118 192	#0076C0
16.7%	16.7% #0073B7	RGB 0 115 183	#0073B7
33.3%	33.3% #0071AE	RGB 0 113 174	#0071AE
50.0%	50.0% #006EA5	RGB 0 110 165	#006EA5
66.7%	66.7% #006B9C	RGB 0 107 156	#006B9C
83.3%	83.3% #006893	RGB 0 104 147	#006893
100.0%	100.0% #00658B	RGB 0 101 139	#00658B

#0076C0 #0073B7 #0071AE #006EA5 #006B9C #006893 #00658B

#0076C0 - #006EA5 - #00658B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0076C0 0%, #006EA5 50%, #00658B 100%);
    background: -webkit-linear-gradient(top, #0076C0 0%, #006EA5 50%, #00658B 100%);
    background: linear-gradient(to bottom, #0076C0 0%, #006EA5 50%, #00658B 100%);
}
</style>