#0092A8 - #002930 | 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 #0092A8 to #002930

#0092A8 #002930

Calculate the color between two colors, #0092A8 and #002930. 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)

#0092A8 - #002930 | 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 #0092A8 as 0% and #002930 as 100%.

0.0%	0.0% #0092A8	RGB 0 146 168	#0092A8
16.7%	16.7% #008094	RGB 0 128 148	#008094
33.3%	33.3% #006F80	RGB 0 111 128	#006F80
50.0%	50.0% #005D6C	RGB 0 93 108	#005D6C
66.7%	66.7% #004C58	RGB 0 76 88	#004C58
83.3%	83.3% #003A44	RGB 0 58 68	#003A44
100.0%	100.0% #002930	RGB 0 41 48	#002930

#0092A8 #008094 #006F80 #005D6C #004C58 #003A44 #002930

#0092A8 - #002930

HSV Blend

#0092A8 - #002930 | 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 #0092A8 as 0% and #002930 as 100%.

0.0%	0.0% #0092A8	RGB 0 146 168	#0092A8
16.7%	16.7% #008094	RGB 0 128 148	#008094
33.3%	33.3% #006E80	RGB 0 110 128	#006E80
50.0%	50.0% #005D6C	RGB 0 93 108	#005D6C
66.7%	66.7% #004B58	RGB 0 75 88	#004B58
83.3%	83.3% #003A44	RGB 0 58 68	#003A44
100.0%	100.0% #002930	RGB 0 41 48	#002930

#0092A8 #008094 #006E80 #005D6C #004B58 #003A44 #002930

#0092A8 - #005D6C - #002930

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0092A8 0%, #005D6C 50%, #002930 100%);
    background: -webkit-linear-gradient(top, #0092A8 0%, #005D6C 50%, #002930 100%);
    background: linear-gradient(to bottom, #0092A8 0%, #005D6C 50%, #002930 100%);
}
</style>