#3C095E - #9C4280 | 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 #3C095E to #9C4280

#3C095E #9C4280

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

#3C095E - #9C4280 | 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 #3C095E as 0% and #9C4280 as 100%.

0.0%	0.0% #3C095E	RGB 60 9 94	#3C095E
16.7%	16.7% #4C1263	RGB 76 18 99	#4C1263
33.3%	33.3% #5C1C69	RGB 92 28 105	#5C1C69
50.0%	50.0% #6C256F	RGB 108 37 111	#6C256F
66.7%	66.7% #7C2F74	RGB 124 47 116	#7C2F74
83.3%	83.3% #8C387A	RGB 140 56 122	#8C387A
100.0%	100.0% #9C4280	RGB 156 66 128	#9C4280

#3C095E #4C1263 #5C1C69 #6C256F #7C2F74 #8C387A #9C4280

#3C095E - #9C4280

HSV Blend

#3C095E - #9C4280 | 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 #3C095E as 0% and #9C4280 as 100%.

0.0%	0.0% #3B085E	RGB 59 8 94	#3B085E
16.7%	16.7% #4F0F68	RGB 79 15 104	#4F0F68
33.3%	33.3% #631772	RGB 99 23 114	#631772
50.0%	50.0% #78207D	RGB 120 32 125	#78207D
66.7%	66.7% #872A80	RGB 135 42 128	#872A80
83.3%	83.3% #91357F	RGB 145 53 127	#91357F
100.0%	100.0% #9C4280	RGB 156 66 128	#9C4280

#3B085E #4F0F68 #631772 #78207D #872A80 #91357F #9C4280

#3C095E - #78207D - #9C4280

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B085E 0%, #78207D 50%, #9C4280 100%);
    background: -webkit-linear-gradient(top, #3B085E 0%, #78207D 50%, #9C4280 100%);
    background: linear-gradient(to bottom, #3B085E 0%, #78207D 50%, #9C4280 100%);
}
</style>