#225E5E - #76AB80 | 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 #225E5E to #76AB80

#225E5E #76AB80

Calculate the color between two colors, #225E5E and #76AB80. 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)

#225E5E - #76AB80 | 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 #225E5E as 0% and #76AB80 as 100%.

0.0%	0.0% #225E5E	RGB 34 94 94	#225E5E
16.7%	16.7% #306A63	RGB 48 106 99	#306A63
33.3%	33.3% #3E7769	RGB 62 119 105	#3E7769
50.0%	50.0% #4C846F	RGB 76 132 111	#4C846F
66.7%	66.7% #5A9174	RGB 90 145 116	#5A9174
83.3%	83.3% #689E7A	RGB 104 158 122	#689E7A
100.0%	100.0% #76AB80	RGB 118 171 128	#76AB80

#225E5E #306A63 #3E7769 #4C846F #5A9174 #689E7A #76AB80

#225E5E - #76AB80

HSV Blend

#225E5E - #76AB80 | 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 #225E5E as 0% and #76AB80 as 100%.

0.0%	0.0% #225E5E	RGB 34 94 94	#225E5E
16.7%	16.7% #2C6A62	RGB 44 106 98	#2C6A62
33.3%	33.3% #387766	RGB 56 119 102	#387766
50.0%	50.0% #45846B	RGB 69 132 107	#45846B
66.7%	66.7% #549170	RGB 84 145 112	#549170
83.3%	83.3% #649E77	RGB 100 158 119	#649E77
100.0%	100.0% #76AB80	RGB 118 171 128	#76AB80

#225E5E #2C6A62 #387766 #45846B #549170 #649E77 #76AB80

#225E5E - #45846B - #76AB80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #225E5E 0%, #45846B 50%, #76AB80 100%);
    background: -webkit-linear-gradient(top, #225E5E 0%, #45846B 50%, #76AB80 100%);
    background: linear-gradient(to bottom, #225E5E 0%, #45846B 50%, #76AB80 100%);
}
</style>