#002A6B - #6CC1C7 | 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 #002A6B to #6CC1C7

#002A6B #6CC1C7

Calculate the color between two colors, #002A6B and #6CC1C7. 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)

#002A6B - #6CC1C7 | 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 #002A6B as 0% and #6CC1C7 as 100%.

0.0%	0.0% #002A6B	RGB 0 42 107	#002A6B
16.7%	16.7% #12437A	RGB 18 67 122	#12437A
33.3%	33.3% #245C89	RGB 36 92 137	#245C89
50.0%	50.0% #367599	RGB 54 117 153	#367599
66.7%	66.7% #488EA8	RGB 72 142 168	#488EA8
83.3%	83.3% #5AA7B7	RGB 90 167 183	#5AA7B7
100.0%	100.0% #6CC1C7	RGB 108 193 199	#6CC1C7

#002A6B #12437A #245C89 #367599 #488EA8 #5AA7B7 #6CC1C7

#002A6B - #6CC1C7

HSV Blend

#002A6B - #6CC1C7 | 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 #002A6B as 0% and #6CC1C7 as 100%.

0.0%	0.0% #00296B	RGB 0 41 107	#00296B
16.7%	16.7% #0B407A	RGB 11 64 122	#0B407A
33.3%	33.3% #185989	RGB 24 89 137	#185989
50.0%	50.0% #297399	RGB 41 115 153	#297399
66.7%	66.7% #3C8DA8	RGB 60 141 168	#3C8DA8
83.3%	83.3% #53A7B7	RGB 83 167 183	#53A7B7
100.0%	100.0% #6CC1C7	RGB 108 193 199	#6CC1C7

#00296B #0B407A #185989 #297399 #3C8DA8 #53A7B7 #6CC1C7

#002A6B - #297399 - #6CC1C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00296B 0%, #297399 50%, #6CC1C7 100%);
    background: -webkit-linear-gradient(top, #00296B 0%, #297399 50%, #6CC1C7 100%);
    background: linear-gradient(to bottom, #00296B 0%, #297399 50%, #6CC1C7 100%);
}
</style>