#4AECE2 - #154340 | 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 #4AECE2 to #154340

#4AECE2 #154340

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

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

0.0%	0.0% #4AECE2	RGB 74 236 226	#4AECE2
16.7%	16.7% #41CFC7	RGB 65 207 199	#41CFC7
33.3%	33.3% #38B3AC	RGB 56 179 172	#38B3AC
50.0%	50.0% #2F9791	RGB 47 151 145	#2F9791
66.7%	66.7% #267B76	RGB 38 123 118	#267B76
83.3%	83.3% #1D5F5B	RGB 29 95 91	#1D5F5B
100.0%	100.0% #154340	RGB 21 67 64	#154340

#4AECE2 #41CFC7 #38B3AC #2F9791 #267B76 #1D5F5B #154340

#4AECE2 - #154340

HSV Blend

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

0.0%	0.0% #49ECE2	RGB 73 236 226	#49ECE2
16.7%	16.7% #41CFC6	RGB 65 207 198	#41CFC6
33.3%	33.3% #38B3AB	RGB 56 179 171	#38B3AB
50.0%	50.0% #2F9790	RGB 47 151 144	#2F9790
66.7%	66.7% #267B75	RGB 38 123 117	#267B75
83.3%	83.3% #1D5F5A	RGB 29 95 90	#1D5F5A
100.0%	100.0% #154340	RGB 21 67 64	#154340

#49ECE2 #41CFC6 #38B3AB #2F9790 #267B75 #1D5F5A #154340

#4AECE2 - #2F9790 - #154340

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49ECE2 0%, #2F9790 50%, #154340 100%);
    background: -webkit-linear-gradient(top, #49ECE2 0%, #2F9790 50%, #154340 100%);
    background: linear-gradient(to bottom, #49ECE2 0%, #2F9790 50%, #154340 100%);
}
</style>