#325555 - #0E1818 | 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 #0E1818

#325555 #0E1818

Calculate the color between two colors, #325555 and #0E1818. 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 - #0E1818 | 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 #0E1818 as 100%.

0.0%	0.0% #325555	RGB 50 85 85	#325555
16.7%	16.7% #2C4A4A	RGB 44 74 74	#2C4A4A
33.3%	33.3% #264040	RGB 38 64 64	#264040
50.0%	50.0% #203636	RGB 32 54 54	#203636
66.7%	66.7% #1A2C2C	RGB 26 44 44	#1A2C2C
83.3%	83.3% #142222	RGB 20 34 34	#142222
100.0%	100.0% #0E1818	RGB 14 24 24	#0E1818

#325555 #2C4A4A #264040 #203636 #1A2C2C #142222 #0E1818

#325555 - #0E1818

HSV Blend

#325555 - #0E1818 | 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 #0E1818 as 100%.

0.0%	0.0% #325555	RGB 50 85 85	#325555
16.7%	16.7% #2B4A4A	RGB 43 74 74	#2B4A4A
33.3%	33.3% #254040	RGB 37 64 64	#254040
50.0%	50.0% #1F3636	RGB 31 54 54	#1F3636
66.7%	66.7% #192C2C	RGB 25 44 44	#192C2C
83.3%	83.3% #132222	RGB 19 34 34	#132222
100.0%	100.0% #0E1818	RGB 14 24 24	#0E1818

#325555 #2B4A4A #254040 #1F3636 #192C2C #132222 #0E1818

#325555 - #1F3636 - #0E1818

CSS codes

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

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