#3C2D5E - #190544 | 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 #3C2D5E to #190544

#3C2D5E #190544

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

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

0.0%	0.0% #3C2D5E	RGB 60 45 94	#3C2D5E
16.7%	16.7% #362659	RGB 54 38 89	#362659
33.3%	33.3% #301F55	RGB 48 31 85	#301F55
50.0%	50.0% #2A1951	RGB 42 25 81	#2A1951
66.7%	66.7% #24124C	RGB 36 18 76	#24124C
83.3%	83.3% #1E0B48	RGB 30 11 72	#1E0B48
100.0%	100.0% #190544	RGB 25 5 68	#190544

#3C2D5E #362659 #301F55 #2A1951 #24124C #1E0B48 #190544

#3C2D5E - #190544

HSV Blend

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

0.0%	0.0% #3C2D5E	RGB 60 45 94	#3C2D5E
16.7%	16.7% #352459	RGB 53 36 89	#352459
33.3%	33.3% #2E1D55	RGB 46 29 85	#2E1D55
50.0%	50.0% #281651	RGB 40 22 81	#281651
66.7%	66.7% #230F4C	RGB 35 15 76	#230F4C
83.3%	83.3% #1D0A48	RGB 29 10 72	#1D0A48
100.0%	100.0% #190544	RGB 25 5 68	#190544

#3C2D5E #352459 #2E1D55 #281651 #230F4C #1D0A48 #190544

#3C2D5E - #281651 - #190544

CSS codes

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

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