#0090A8 - #164752 | 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 #0090A8 to #164752

#0090A8 #164752

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

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

0.0%	0.0% #0090A8	RGB 0 144 168	#0090A8
16.7%	16.7% #038399	RGB 3 131 153	#038399
33.3%	33.3% #07778B	RGB 7 119 139	#07778B
50.0%	50.0% #0B6B7D	RGB 11 107 125	#0B6B7D
66.7%	66.7% #0E5F6E	RGB 14 95 110	#0E5F6E
83.3%	83.3% #125360	RGB 18 83 96	#125360
100.0%	100.0% #164752	RGB 22 71 82	#164752

#0090A8 #038399 #07778B #0B6B7D #0E5F6E #125360 #164752

#0090A8 - #164752

HSV Blend

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

0.0%	0.0% #0090A8	RGB 0 144 168	#0090A8
16.7%	16.7% #068399	RGB 6 131 153	#068399
33.3%	33.3% #0C778B	RGB 12 119 139	#0C778B
50.0%	50.0% #106B7D	RGB 16 107 125	#106B7D
66.7%	66.7% #135F6E	RGB 19 95 110	#135F6E
83.3%	83.3% #155360	RGB 21 83 96	#155360
100.0%	100.0% #164752	RGB 22 71 82	#164752

#0090A8 #068399 #0C778B #106B7D #135F6E #155360 #164752

#0090A8 - #106B7D - #164752

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0090A8 0%, #106B7D 50%, #164752 100%);
    background: -webkit-linear-gradient(top, #0090A8 0%, #106B7D 50%, #164752 100%);
    background: linear-gradient(to bottom, #0090A8 0%, #106B7D 50%, #164752 100%);
}
</style>