#002968 - #68BBC3 | 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 #002968 to #68BBC3

#002968 #68BBC3

Calculate the color between two colors, #002968 and #68BBC3. 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)

#002968 - #68BBC3 | 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 #002968 as 0% and #68BBC3 as 100%.

0.0%	0.0% #002968	RGB 0 41 104	#002968
16.7%	16.7% #114177	RGB 17 65 119	#114177
33.3%	33.3% #225986	RGB 34 89 134	#225986
50.0%	50.0% #347295	RGB 52 114 149	#347295
66.7%	66.7% #458AA4	RGB 69 138 164	#458AA4
83.3%	83.3% #56A2B3	RGB 86 162 179	#56A2B3
100.0%	100.0% #68BBC3	RGB 104 187 195	#68BBC3

#002968 #114177 #225986 #347295 #458AA4 #56A2B3 #68BBC3

#002968 - #68BBC3

HSV Blend

#002968 - #68BBC3 | 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 #002968 as 0% and #68BBC3 as 100%.

0.0%	0.0% #002868	RGB 0 40 104	#002868
16.7%	16.7% #0A3E77	RGB 10 62 119	#0A3E77
33.3%	33.3% #175686	RGB 23 86 134	#175686
50.0%	50.0% #276F95	RGB 39 111 149	#276F95
66.7%	66.7% #3A89A4	RGB 58 137 164	#3A89A4
83.3%	83.3% #4FA2B3	RGB 79 162 179	#4FA2B3
100.0%	100.0% #68BBC3	RGB 104 187 195	#68BBC3

#002868 #0A3E77 #175686 #276F95 #3A89A4 #4FA2B3 #68BBC3

#002968 - #276F95 - #68BBC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002868 0%, #276F95 50%, #68BBC3 100%);
    background: -webkit-linear-gradient(top, #002868 0%, #276F95 50%, #68BBC3 100%);
    background: linear-gradient(to bottom, #002868 0%, #276F95 50%, #68BBC3 100%);
}
</style>