#044C4C - #4C9F7B | 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 #044C4C to #4C9F7B

#044C4C #4C9F7B

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

#044C4C - #4C9F7B | 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 #044C4C as 0% and #4C9F7B as 100%.

0.0%	0.0% #044C4C	RGB 4 76 76	#044C4C
16.7%	16.7% #105953	RGB 16 89 83	#105953
33.3%	33.3% #1C675B	RGB 28 103 91	#1C675B
50.0%	50.0% #287563	RGB 40 117 99	#287563
66.7%	66.7% #34836B	RGB 52 131 107	#34836B
83.3%	83.3% #409173	RGB 64 145 115	#409173
100.0%	100.0% #4C9F7B	RGB 76 159 123	#4C9F7B

#044C4C #105953 #1C675B #287563 #34836B #409173 #4C9F7B

#044C4C - #4C9F7B

HSV Blend

#044C4C - #4C9F7B | 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 #044C4C as 0% and #4C9F7B as 100%.

0.0%	0.0% #034C4C	RGB 3 76 76	#034C4C
16.7%	16.7% #0B5954	RGB 11 89 84	#0B5954
33.3%	33.3% #14675B	RGB 20 103 91	#14675B
50.0%	50.0% #1F7562	RGB 31 117 98	#1F7562
66.7%	66.7% #2C836A	RGB 44 131 106	#2C836A
83.3%	83.3% #3B9172	RGB 59 145 114	#3B9172
100.0%	100.0% #4C9F7B	RGB 76 159 123	#4C9F7B

#034C4C #0B5954 #14675B #1F7562 #2C836A #3B9172 #4C9F7B

#044C4C - #1F7562 - #4C9F7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
    background: -webkit-linear-gradient(top, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
    background: linear-gradient(to bottom, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
}
</style>