#323255 - #C4C4CE | 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 #323255 to #C4C4CE

#323255 #C4C4CE

Calculate the color between two colors, #323255 and #C4C4CE. 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)

#323255 - #C4C4CE | 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 #323255 as 0% and #C4C4CE as 100%.

0.0%	0.0% #323255	RGB 50 50 85	#323255
16.7%	16.7% #4A4A69	RGB 74 74 105	#4A4A69
33.3%	33.3% #62627D	RGB 98 98 125	#62627D
50.0%	50.0% #7B7B91	RGB 123 123 145	#7B7B91
66.7%	66.7% #9393A5	RGB 147 147 165	#9393A5
83.3%	83.3% #ABABB9	RGB 171 171 185	#ABABB9
100.0%	100.0% #C4C4CE	RGB 196 196 206	#C4C4CE

#323255 #4A4A69 #62627D #7B7B91 #9393A5 #ABABB9 #C4C4CE

#323255 - #C4C4CE

HSV Blend

#323255 - #C4C4CE | 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 #323255 as 0% and #C4C4CE as 100%.

0.0%	0.0% #323255	RGB 50 50 85	#323255
16.7%	16.7% #444469	RGB 68 68 105	#444469
33.3%	33.3% #58587D	RGB 88 88 125	#58587D
50.0%	50.0% #707091	RGB 112 112 145	#707091
66.7%	66.7% #8989A5	RGB 137 137 165	#8989A5
83.3%	83.3% #A5A5B9	RGB 165 165 185	#A5A5B9
100.0%	100.0% #C4C4CE	RGB 196 196 206	#C4C4CE

#323255 #444469 #58587D #707091 #8989A5 #A5A5B9 #C4C4CE

#323255 - #707091 - #C4C4CE

CSS codes

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

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