#003539 - #2A8C7F | 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 #003539 to #2A8C7F

#003539 #2A8C7F

Calculate the color between two colors, #003539 and #2A8C7F. 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)

#003539 - #2A8C7F | 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 #003539 as 0% and #2A8C7F as 100%.

0.0%	0.0% #003539	RGB 0 53 57	#003539
16.7%	16.7% #074344	RGB 7 67 68	#074344
33.3%	33.3% #0E5250	RGB 14 82 80	#0E5250
50.0%	50.0% #15605C	RGB 21 96 92	#15605C
66.7%	66.7% #1C6F67	RGB 28 111 103	#1C6F67
83.3%	83.3% #237D73	RGB 35 125 115	#237D73
100.0%	100.0% #2A8C7F	RGB 42 140 127	#2A8C7F

#003539 #074344 #0E5250 #15605C #1C6F67 #237D73 #2A8C7F

#003539 - #2A8C7F

HSV Blend

#003539 - #2A8C7F | 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 #003539 as 0% and #2A8C7F as 100%.

0.0%	0.0% #003539	RGB 0 53 57	#003539
16.7%	16.7% #034446	RGB 3 68 70	#034446
33.3%	33.3% #085454	RGB 8 84 84	#085454
50.0%	50.0% #0E625F	RGB 14 98 95	#0E625F
66.7%	66.7% #16706A	RGB 22 112 106	#16706A
83.3%	83.3% #1F7E74	RGB 31 126 116	#1F7E74
100.0%	100.0% #2A8C7F	RGB 42 140 127	#2A8C7F

#003539 #034446 #085454 #0E625F #16706A #1F7E74 #2A8C7F

#003539 - #0E625F - #2A8C7F

CSS codes

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

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