#006BCE - #005C9F | 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 #006BCE to #005C9F

#006BCE #005C9F

Calculate the color between two colors, #006BCE and #005C9F. 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)

#006BCE - #005C9F | 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 #006BCE as 0% and #005C9F as 100%.

0.0%	0.0% #006BCE	RGB 0 107 206	#006BCE
16.7%	16.7% #0068C6	RGB 0 104 198	#0068C6
33.3%	33.3% #0066BE	RGB 0 102 190	#0066BE
50.0%	50.0% #0063B6	RGB 0 99 182	#0063B6
66.7%	66.7% #0061AE	RGB 0 97 174	#0061AE
83.3%	83.3% #005EA6	RGB 0 94 166	#005EA6
100.0%	100.0% #005C9F	RGB 0 92 159	#005C9F

#006BCE #0068C6 #0066BE #0063B6 #0061AE #005EA6 #005C9F

#006BCE - #005C9F

HSV Blend

#006BCE - #005C9F | 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 #006BCE as 0% and #005C9F as 100%.

0.0%	0.0% #006BCE	RGB 0 107 206	#006BCE
16.7%	16.7% #0068C6	RGB 0 104 198	#0068C6
33.3%	33.3% #0066BE	RGB 0 102 190	#0066BE
50.0%	50.0% #0064B6	RGB 0 100 182	#0064B6
66.7%	66.7% #0061AE	RGB 0 97 174	#0061AE
83.3%	83.3% #005EA6	RGB 0 94 166	#005EA6
100.0%	100.0% #005C9F	RGB 0 92 159	#005C9F

#006BCE #0068C6 #0066BE #0064B6 #0061AE #005EA6 #005C9F

#006BCE - #0064B6 - #005C9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006BCE 0%, #0064B6 50%, #005C9F 100%);
    background: -webkit-linear-gradient(top, #006BCE 0%, #0064B6 50%, #005C9F 100%);
    background: linear-gradient(to bottom, #006BCE 0%, #0064B6 50%, #005C9F 100%);
}
</style>