#323F55 - #C4C8CE | 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 #C4C8CE

#323F55 #C4C8CE

Calculate the color between two colors, #323F55 and #C4C8CE. 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 - #C4C8CE | 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 #C4C8CE as 100%.

0.0%	0.0% #323F55	RGB 50 63 85	#323F55
16.7%	16.7% #4A5569	RGB 74 85 105	#4A5569
33.3%	33.3% #626C7D	RGB 98 108 125	#626C7D
50.0%	50.0% #7B8391	RGB 123 131 145	#7B8391
66.7%	66.7% #939AA5	RGB 147 154 165	#939AA5
83.3%	83.3% #ABB1B9	RGB 171 177 185	#ABB1B9
100.0%	100.0% #C4C8CE	RGB 196 200 206	#C4C8CE

#323F55 #4A5569 #626C7D #7B8391 #939AA5 #ABB1B9 #C4C8CE

#323F55 - #C4C8CE

HSV Blend

#323F55 - #C4C8CE | 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 #C4C8CE as 100%.

0.0%	0.0% #323F55	RGB 50 63 85	#323F55
16.7%	16.7% #445269	RGB 68 82 105	#445269
33.3%	33.3% #58667D	RGB 88 102 125	#58667D
50.0%	50.0% #707C91	RGB 112 124 145	#707C91
66.7%	66.7% #8994A5	RGB 137 148 165	#8994A5
83.3%	83.3% #A5ADB9	RGB 165 173 185	#A5ADB9
100.0%	100.0% #C4C8CE	RGB 196 200 206	#C4C8CE

#323F55 #445269 #58667D #707C91 #8994A5 #A5ADB9 #C4C8CE

#323F55 - #707C91 - #C4C8CE

CSS codes

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

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