#325555 - #799C72 | 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 #325555 to #799C72

#325555 #799C72

Calculate the color between two colors, #325555 and #799C72. 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)

#325555 - #799C72 | 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 #325555 as 0% and #799C72 as 100%.

0.0%	0.0% #325555	RGB 50 85 85	#325555
16.7%	16.7% #3D6059	RGB 61 96 89	#3D6059
33.3%	33.3% #496C5E	RGB 73 108 94	#496C5E
50.0%	50.0% #557863	RGB 85 120 99	#557863
66.7%	66.7% #618468	RGB 97 132 104	#618468
83.3%	83.3% #6D906D	RGB 109 144 109	#6D906D
100.0%	100.0% #799C72	RGB 121 156 114	#799C72

#325555 #3D6059 #496C5E #557863 #618468 #6D906D #799C72

#325555 - #799C72

HSV Blend

#325555 - #799C72 | 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 #325555 as 0% and #799C72 as 100%.

0.0%	0.0% #325555	RGB 50 85 85	#325555
16.7%	16.7% #3B6059	RGB 59 96 89	#3B6059
33.3%	33.3% #456C5D	RGB 69 108 93	#456C5D
50.0%	50.0% #4F7860	RGB 79 120 96	#4F7860
66.7%	66.7% #5A8463	RGB 90 132 99	#5A8463
83.3%	83.3% #659067	RGB 101 144 103	#659067
100.0%	100.0% #799C72	RGB 121 156 114	#799C72

#325555 #3B6059 #456C5D #4F7860 #5A8463 #659067 #799C72

#325555 - #4F7860 - #799C72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #325555 0%, #4F7860 50%, #799C72 100%);
    background: -webkit-linear-gradient(top, #325555 0%, #4F7860 50%, #799C72 100%);
    background: linear-gradient(to bottom, #325555 0%, #4F7860 50%, #799C72 100%);
}
</style>