#006896 - #001D2A | 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 #006896 to #001D2A

#006896 #001D2A

Calculate the color between two colors, #006896 and #001D2A. 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)

#006896 - #001D2A | 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 #006896 as 0% and #001D2A as 100%.

0.0%	0.0% #006896	RGB 0 104 150	#006896
16.7%	16.7% #005B84	RGB 0 91 132	#005B84
33.3%	33.3% #004F72	RGB 0 79 114	#004F72
50.0%	50.0% #004260	RGB 0 66 96	#004260
66.7%	66.7% #00364E	RGB 0 54 78	#00364E
83.3%	83.3% #00293C	RGB 0 41 60	#00293C
100.0%	100.0% #001D2A	RGB 0 29 42	#001D2A

#006896 #005B84 #004F72 #004260 #00364E #00293C #001D2A

#006896 - #001D2A

HSV Blend

#006896 - #001D2A | 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 #006896 as 0% and #001D2A as 100%.

0.0%	0.0% #006896	RGB 0 104 150	#006896
16.7%	16.7% #005B84	RGB 0 91 132	#005B84
33.3%	33.3% #004E72	RGB 0 78 114	#004E72
50.0%	50.0% #004260	RGB 0 66 96	#004260
66.7%	66.7% #00354E	RGB 0 53 78	#00354E
83.3%	83.3% #00293C	RGB 0 41 60	#00293C
100.0%	100.0% #001D2A	RGB 0 29 42	#001D2A

#006896 #005B84 #004E72 #004260 #00354E #00293C #001D2A

#006896 - #004260 - #001D2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006896 0%, #004260 50%, #001D2A 100%);
    background: -webkit-linear-gradient(top, #006896 0%, #004260 50%, #001D2A 100%);
    background: linear-gradient(to bottom, #006896 0%, #004260 50%, #001D2A 100%);
}
</style>