#2B868C - #005D4C | 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 #2B868C to #005D4C

#2B868C #005D4C

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

#2B868C - #005D4C | 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 #2B868C as 0% and #005D4C as 100%.

0.0%	0.0% #2B868C	RGB 43 134 140	#2B868C
16.7%	16.7% #237F81	RGB 35 127 129	#237F81
33.3%	33.3% #1C7876	RGB 28 120 118	#1C7876
50.0%	50.0% #15716C	RGB 21 113 108	#15716C
66.7%	66.7% #0E6A61	RGB 14 106 97	#0E6A61
83.3%	83.3% #076356	RGB 7 99 86	#076356
100.0%	100.0% #005D4C	RGB 0 93 76	#005D4C

#2B868C #237F81 #1C7876 #15716C #0E6A61 #076356 #005D4C

#2B868C - #005D4C

HSV Blend

#2B868C - #005D4C | 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 #2B868C as 0% and #005D4C as 100%.

0.0%	0.0% #2B868C	RGB 43 134 140	#2B868C
16.7%	16.7% #218284	RGB 33 130 132	#218284
33.3%	33.3% #197C7A	RGB 25 124 122	#197C7A
50.0%	50.0% #11746E	RGB 17 116 110	#11746E
66.7%	66.7% #0B6C62	RGB 11 108 98	#0B6C62
83.3%	83.3% #056457	RGB 5 100 87	#056457
100.0%	100.0% #005D4C	RGB 0 93 76	#005D4C

#2B868C #218284 #197C7A #11746E #0B6C62 #056457 #005D4C

#2B868C - #11746E - #005D4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B868C 0%, #11746E 50%, #005D4C 100%);
    background: -webkit-linear-gradient(top, #2B868C 0%, #11746E 50%, #005D4C 100%);
    background: linear-gradient(to bottom, #2B868C 0%, #11746E 50%, #005D4C 100%);
}
</style>