#326B6B - #02422E | 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 #326B6B to #02422E

#326B6B #02422E

Calculate the color between two colors, #326B6B and #02422E. 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)

#326B6B - #02422E | 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 #326B6B as 0% and #02422E as 100%.

0.0%	0.0% #326B6B	RGB 50 107 107	#326B6B
16.7%	16.7% #2A6460	RGB 42 100 96	#2A6460
33.3%	33.3% #225D56	RGB 34 93 86	#225D56
50.0%	50.0% #1A564C	RGB 26 86 76	#1A564C
66.7%	66.7% #124F42	RGB 18 79 66	#124F42
83.3%	83.3% #0A4838	RGB 10 72 56	#0A4838
100.0%	100.0% #02422E	RGB 2 66 46	#02422E

#326B6B #2A6460 #225D56 #1A564C #124F42 #0A4838 #02422E

#326B6B - #02422E

HSV Blend

#326B6B - #02422E | 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 #326B6B as 0% and #02422E as 100%.

0.0%	0.0% #326B6B	RGB 50 107 107	#326B6B
16.7%	16.7% #276461	RGB 39 100 97	#276461
33.3%	33.3% #1E5D56	RGB 30 93 86	#1E5D56
50.0%	50.0% #15564C	RGB 21 86 76	#15564C
66.7%	66.7% #0E4F41	RGB 14 79 65	#0E4F41
83.3%	83.3% #074837	RGB 7 72 55	#074837
100.0%	100.0% #02422E	RGB 2 66 46	#02422E

#326B6B #276461 #1E5D56 #15564C #0E4F41 #074837 #02422E

#326B6B - #15564C - #02422E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #326B6B 0%, #15564C 50%, #02422E 100%);
    background: -webkit-linear-gradient(top, #326B6B 0%, #15564C 50%, #02422E 100%);
    background: linear-gradient(to bottom, #326B6B 0%, #15564C 50%, #02422E 100%);
}
</style>