#4B5E4D - #76D19C | 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 #4B5E4D to #76D19C

#4B5E4D #76D19C

Calculate the color between two colors, #4B5E4D and #76D19C. 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)

#4B5E4D - #76D19C | 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 #4B5E4D as 0% and #76D19C as 100%.

0.0%	0.0% #4B5E4D	RGB 75 94 77	#4B5E4D
16.7%	16.7% #52715A	RGB 82 113 90	#52715A
33.3%	33.3% #598467	RGB 89 132 103	#598467
50.0%	50.0% #609774	RGB 96 151 116	#609774
66.7%	66.7% #67AA81	RGB 103 170 129	#67AA81
83.3%	83.3% #6EBD8E	RGB 110 189 142	#6EBD8E
100.0%	100.0% #76D19C	RGB 118 209 156	#76D19C

#4B5E4D #52715A #598467 #609774 #67AA81 #6EBD8E #76D19C

#4B5E4D - #76D19C

HSV Blend

#4B5E4D - #76D19C | 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 #4B5E4D as 0% and #76D19C as 100%.

0.0%	0.0% #4B5E4D	RGB 75 94 77	#4B5E4D
16.7%	16.7% #55715A	RGB 85 113 90	#55715A
33.3%	33.3% #5F8467	RGB 95 132 103	#5F8467
50.0%	50.0% #679773	RGB 103 151 115	#679773
66.7%	66.7% #6DAA80	RGB 109 170 128	#6DAA80
83.3%	83.3% #72BD8E	RGB 114 189 142	#72BD8E
100.0%	100.0% #76D19C	RGB 118 209 156	#76D19C

#4B5E4D #55715A #5F8467 #679773 #6DAA80 #72BD8E #76D19C

#4B5E4D - #679773 - #76D19C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E4D 0%, #679773 50%, #76D19C 100%);
    background: -webkit-linear-gradient(top, #4B5E4D 0%, #679773 50%, #76D19C 100%);
    background: linear-gradient(to bottom, #4B5E4D 0%, #679773 50%, #76D19C 100%);
}
</style>