#2B5E56 - #023A30 | 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 #2B5E56 to #023A30

#2B5E56 #023A30

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

#2B5E56 - #023A30 | 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 #2B5E56 as 0% and #023A30 as 100%.

0.0%	0.0% #2B5E56	RGB 43 94 86	#2B5E56
16.7%	16.7% #24584F	RGB 36 88 79	#24584F
33.3%	33.3% #1D5249	RGB 29 82 73	#1D5249
50.0%	50.0% #164C43	RGB 22 76 67	#164C43
66.7%	66.7% #0F463C	RGB 15 70 60	#0F463C
83.3%	83.3% #084036	RGB 8 64 54	#084036
100.0%	100.0% #023A30	RGB 2 58 48	#023A30

#2B5E56 #24584F #1D5249 #164C43 #0F463C #084036 #023A30

#2B5E56 - #023A30

HSV Blend

#2B5E56 - #023A30 | 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 #2B5E56 as 0% and #023A30 as 100%.

0.0%	0.0% #2B5E56	RGB 43 94 86	#2B5E56
16.7%	16.7% #22584F	RGB 34 88 79	#22584F
33.3%	33.3% #195248	RGB 25 82 72	#195248
50.0%	50.0% #124C42	RGB 18 76 66	#124C42
66.7%	66.7% #0C463C	RGB 12 70 60	#0C463C
83.3%	83.3% #064035	RGB 6 64 53	#064035
100.0%	100.0% #023A30	RGB 2 58 48	#023A30

#2B5E56 #22584F #195248 #124C42 #0C463C #064035 #023A30

#2B5E56 - #124C42 - #023A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E56 0%, #124C42 50%, #023A30 100%);
    background: -webkit-linear-gradient(top, #2B5E56 0%, #124C42 50%, #023A30 100%);
    background: linear-gradient(to bottom, #2B5E56 0%, #124C42 50%, #023A30 100%);
}
</style>