#323F55 - #848284 | 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 #323F55 to #848284

#323F55 #848284

Calculate the color between two colors, #323F55 and #848284. 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)

#323F55 - #848284 | 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 #323F55 as 0% and #848284 as 100%.

0.0%	0.0% #323F55	RGB 50 63 85	#323F55
16.7%	16.7% #3F4A5C	RGB 63 74 92	#3F4A5C
33.3%	33.3% #4D5564	RGB 77 85 100	#4D5564
50.0%	50.0% #5B606C	RGB 91 96 108	#5B606C
66.7%	66.7% #686B74	RGB 104 107 116	#686B74
83.3%	83.3% #76767C	RGB 118 118 124	#76767C
100.0%	100.0% #848284	RGB 132 130 132	#848284

#323F55 #3F4A5C #4D5564 #5B606C #686B74 #76767C #848284

#323F55 - #848284

HSV Blend

#323F55 - #848284 | 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 #323F55 as 0% and #848284 as 100%.

0.0%	0.0% #323F55	RGB 50 63 85	#323F55
16.7%	16.7% #3C415C	RGB 60 65 92	#3C415C
33.3%	33.3% #4A4864	RGB 74 72 100	#4A4864
50.0%	50.0% #5C556C	RGB 92 85 108	#5C556C
66.7%	66.7% #6C6374	RGB 108 99 116	#6C6374
83.3%	83.3% #79727C	RGB 121 114 124	#79727C
100.0%	100.0% #848284	RGB 132 130 132	#848284

#323F55 #3C415C #4A4864 #5C556C #6C6374 #79727C #848284

#323F55 - #5C556C - #848284

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323F55 0%, #5C556C 50%, #848284 100%);
    background: -webkit-linear-gradient(top, #323F55 0%, #5C556C 50%, #848284 100%);
    background: linear-gradient(to bottom, #323F55 0%, #5C556C 50%, #848284 100%);
}
</style>