#332C60 - #848492 | 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 #332C60 to #848492

#332C60 #848492

Calculate the color between two colors, #332C60 and #848492. 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)

#332C60 - #848492 | 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 #332C60 as 0% and #848492 as 100%.

0.0%	0.0% #332C60	RGB 51 44 96	#332C60
16.7%	16.7% #403A68	RGB 64 58 104	#403A68
33.3%	33.3% #4E4970	RGB 78 73 112	#4E4970
50.0%	50.0% #5B5879	RGB 91 88 121	#5B5879
66.7%	66.7% #696681	RGB 105 102 129	#696681
83.3%	83.3% #767589	RGB 118 117 137	#767589
100.0%	100.0% #848492	RGB 132 132 146	#848492

#332C60 #403A68 #4E4970 #5B5879 #696681 #767589 #848492

#332C60 - #848492

HSV Blend

#332C60 - #848492 | 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 #332C60 as 0% and #848492 as 100%.

0.0%	0.0% #332C60	RGB 51 44 96	#332C60
16.7%	16.7% #3D3768	RGB 61 55 104	#3D3768
33.3%	33.3% #484470	RGB 72 68 112	#484470
50.0%	50.0% #555279	RGB 85 82 121	#555279
66.7%	66.7% #636181	RGB 99 97 129	#636181
83.3%	83.3% #727289	RGB 114 114 137	#727289
100.0%	100.0% #848492	RGB 132 132 146	#848492

#332C60 #3D3768 #484470 #555279 #636181 #727289 #848492

#332C60 - #555279 - #848492

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332C60 0%, #555279 50%, #848492 100%);
    background: -webkit-linear-gradient(top, #332C60 0%, #555279 50%, #848492 100%);
    background: linear-gradient(to bottom, #332C60 0%, #555279 50%, #848492 100%);
}
</style>