#3C2D4C - #320244 | 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 #3C2D4C to #320244

#3C2D4C #320244

Calculate the color between two colors, #3C2D4C and #320244. 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)

#3C2D4C - #320244 | 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 #3C2D4C as 0% and #320244 as 100%.

0.0%	0.0% #3C2D4C	RGB 60 45 76	#3C2D4C
16.7%	16.7% #3A254A	RGB 58 37 74	#3A254A
33.3%	33.3% #381E49	RGB 56 30 73	#381E49
50.0%	50.0% #371748	RGB 55 23 72	#371748
66.7%	66.7% #351046	RGB 53 16 70	#351046
83.3%	83.3% #330945	RGB 51 9 69	#330945
100.0%	100.0% #320244	RGB 50 2 68	#320244

#3C2D4C #3A254A #381E49 #371748 #351046 #330945 #320244

#3C2D4C - #320244

HSV Blend

#3C2D4C - #320244 | 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 #3C2D4C as 0% and #320244 as 100%.

0.0%	0.0% #3C2D4C	RGB 60 45 76	#3C2D4C
16.7%	16.7% #38254A	RGB 56 37 74	#38254A
33.3%	33.3% #361D49	RGB 54 29 73	#361D49
50.0%	50.0% #341648	RGB 52 22 72	#341648
66.7%	66.7% #330F46	RGB 51 15 70	#330F46
83.3%	83.3% #320845	RGB 50 8 69	#320845
100.0%	100.0% #320244	RGB 50 2 68	#320244

#3C2D4C #38254A #361D49 #341648 #330F46 #320845 #320244

#3C2D4C - #341648 - #320244

CSS codes

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

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