#304F50 - #5E9A72 | 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 #304F50 to #5E9A72

#304F50 #5E9A72

Calculate the color between two colors, #304F50 and #5E9A72. 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)

#304F50 - #5E9A72 | 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 #304F50 as 0% and #5E9A72 as 100%.

0.0%	0.0% #304F50	RGB 48 79 80	#304F50
16.7%	16.7% #375B55	RGB 55 91 85	#375B55
33.3%	33.3% #3F685B	RGB 63 104 91	#3F685B
50.0%	50.0% #477461	RGB 71 116 97	#477461
66.7%	66.7% #4E8166	RGB 78 129 102	#4E8166
83.3%	83.3% #568D6C	RGB 86 141 108	#568D6C
100.0%	100.0% #5E9A72	RGB 94 154 114	#5E9A72

#304F50 #375B55 #3F685B #477461 #4E8166 #568D6C #5E9A72

#304F50 - #5E9A72

HSV Blend

#304F50 - #5E9A72 | 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 #304F50 as 0% and #5E9A72 as 100%.

0.0%	0.0% #304F50	RGB 48 79 80	#304F50
16.7%	16.7% #375C59	RGB 55 92 89	#375C59
33.3%	33.3% #3F6860	RGB 63 104 96	#3F6860
50.0%	50.0% #467566	RGB 70 117 102	#467566
66.7%	66.7% #4E816B	RGB 78 129 107	#4E816B
83.3%	83.3% #568D6F	RGB 86 141 111	#568D6F
100.0%	100.0% #5E9A72	RGB 94 154 114	#5E9A72

#304F50 #375C59 #3F6860 #467566 #4E816B #568D6F #5E9A72

#304F50 - #467566 - #5E9A72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #304F50 0%, #467566 50%, #5E9A72 100%);
    background: -webkit-linear-gradient(top, #304F50 0%, #467566 50%, #5E9A72 100%);
    background: linear-gradient(to bottom, #304F50 0%, #467566 50%, #5E9A72 100%);
}
</style>