#0092A1 - #17484C | 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 #0092A1 to #17484C

#0092A1 #17484C

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

#0092A1 - #17484C | 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 #0092A1 as 0% and #17484C as 100%.

0.0%	0.0% #0092A1	RGB 0 146 161	#0092A1
16.7%	16.7% #038592	RGB 3 133 146	#038592
33.3%	33.3% #077984	RGB 7 121 132	#077984
50.0%	50.0% #0B6D76	RGB 11 109 118	#0B6D76
66.7%	66.7% #0F6068	RGB 15 96 104	#0F6068
83.3%	83.3% #13545A	RGB 19 84 90	#13545A
100.0%	100.0% #17484C	RGB 23 72 76	#17484C

#0092A1 #038592 #077984 #0B6D76 #0F6068 #13545A #17484C

#0092A1 - #17484C

HSV Blend

#0092A1 - #17484C | 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 #0092A1 as 0% and #17484C as 100%.

0.0%	0.0% #0091A1	RGB 0 145 161	#0091A1
16.7%	16.7% #078692	RGB 7 134 146	#078692
33.3%	33.3% #0D7A84	RGB 13 122 132	#0D7A84
50.0%	50.0% #116E76	RGB 17 110 118	#116E76
66.7%	66.7% #156168	RGB 21 97 104	#156168
83.3%	83.3% #16545A	RGB 22 84 90	#16545A
100.0%	100.0% #17484C	RGB 23 72 76	#17484C

#0091A1 #078692 #0D7A84 #116E76 #156168 #16545A #17484C

#0092A1 - #116E76 - #17484C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0091A1 0%, #116E76 50%, #17484C 100%);
    background: -webkit-linear-gradient(top, #0091A1 0%, #116E76 50%, #17484C 100%);
    background: linear-gradient(to bottom, #0091A1 0%, #116E76 50%, #17484C 100%);
}
</style>