#4D9FAB - #162D30 | 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 #4D9FAB to #162D30

#4D9FAB #162D30

Calculate the color between two colors, #4D9FAB and #162D30. 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)

#4D9FAB - #162D30 | 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 #4D9FAB as 0% and #162D30 as 100%.

0.0%	0.0% #4D9FAB	RGB 77 159 171	#4D9FAB
16.7%	16.7% #438C96	RGB 67 140 150	#438C96
33.3%	33.3% #3A7982	RGB 58 121 130	#3A7982
50.0%	50.0% #31666D	RGB 49 102 109	#31666D
66.7%	66.7% #285359	RGB 40 83 89	#285359
83.3%	83.3% #1F4044	RGB 31 64 68	#1F4044
100.0%	100.0% #162D30	RGB 22 45 48	#162D30

#4D9FAB #438C96 #3A7982 #31666D #285359 #1F4044 #162D30

#4D9FAB - #162D30

HSV Blend

#4D9FAB - #162D30 | 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 #4D9FAB as 0% and #162D30 as 100%.

0.0%	0.0% #4D9FAB	RGB 77 159 171	#4D9FAB
16.7%	16.7% #438C96	RGB 67 140 150	#438C96
33.3%	33.3% #3A7982	RGB 58 121 130	#3A7982
50.0%	50.0% #31666D	RGB 49 102 109	#31666D
66.7%	66.7% #285359	RGB 40 83 89	#285359
83.3%	83.3% #1F4044	RGB 31 64 68	#1F4044
100.0%	100.0% #162D30	RGB 22 45 48	#162D30

#4D9FAB #438C96 #3A7982 #31666D #285359 #1F4044 #162D30

#4D9FAB - #31666D - #162D30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9FAB 0%, #31666D 50%, #162D30 100%);
    background: -webkit-linear-gradient(top, #4D9FAB 0%, #31666D 50%, #162D30 100%);
    background: linear-gradient(to bottom, #4D9FAB 0%, #31666D 50%, #162D30 100%);
}
</style>