#4EB6AF - #163332 | 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 #4EB6AF to #163332

#4EB6AF #163332

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

#4EB6AF - #163332 | 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 #4EB6AF as 0% and #163332 as 100%.

0.0%	0.0% #4EB6AF	RGB 78 182 175	#4EB6AF
16.7%	16.7% #44A09A	RGB 68 160 154	#44A09A
33.3%	33.3% #3B8A85	RGB 59 138 133	#3B8A85
50.0%	50.0% #327470	RGB 50 116 112	#327470
66.7%	66.7% #285E5B	RGB 40 94 91	#285E5B
83.3%	83.3% #1F4846	RGB 31 72 70	#1F4846
100.0%	100.0% #163332	RGB 22 51 50	#163332

#4EB6AF #44A09A #3B8A85 #327470 #285E5B #1F4846 #163332

#4EB6AF - #163332

HSV Blend

#4EB6AF - #163332 | 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 #4EB6AF as 0% and #163332 as 100%.

0.0%	0.0% #4EB6AF	RGB 78 182 175	#4EB6AF
16.7%	16.7% #44A09A	RGB 68 160 154	#44A09A
33.3%	33.3% #3B8A85	RGB 59 138 133	#3B8A85
50.0%	50.0% #327471	RGB 50 116 113	#327471
66.7%	66.7% #285E5C	RGB 40 94 92	#285E5C
83.3%	83.3% #1F4847	RGB 31 72 71	#1F4847
100.0%	100.0% #163332	RGB 22 51 50	#163332

#4EB6AF #44A09A #3B8A85 #327471 #285E5C #1F4847 #163332

#4EB6AF - #327471 - #163332

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB6AF 0%, #327471 50%, #163332 100%);
    background: -webkit-linear-gradient(top, #4EB6AF 0%, #327471 50%, #163332 100%);
    background: linear-gradient(to bottom, #4EB6AF 0%, #327471 50%, #163332 100%);
}
</style>