#3C63C7 - #11005D | 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 #3C63C7 to #11005D

#3C63C7 #11005D

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

#3C63C7 - #11005D | 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 #3C63C7 as 0% and #11005D as 100%.

0.0%	0.0% #3C63C7	RGB 60 99 199	#3C63C7
16.7%	16.7% #3452B5	RGB 52 82 181	#3452B5
33.3%	33.3% #2D42A3	RGB 45 66 163	#2D42A3
50.0%	50.0% #263192	RGB 38 49 146	#263192
66.7%	66.7% #1F2180	RGB 31 33 128	#1F2180
83.3%	83.3% #18106E	RGB 24 16 110	#18106E
100.0%	100.0% #11005D	RGB 17 0 93	#11005D

#3C63C7 #3452B5 #2D42A3 #263192 #1F2180 #18106E #11005D

#3C63C7 - #11005D

HSV Blend

#3C63C7 - #11005D | 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 #3C63C7 as 0% and #11005D as 100%.

0.0%	0.0% #3C62C7	RGB 60 98 199	#3C62C7
16.7%	16.7% #2D49B5	RGB 45 73 181	#2D49B5
33.3%	33.3% #2031A3	RGB 32 49 163	#2031A3
50.0%	50.0% #161C92	RGB 22 28 146	#161C92
66.7%	66.7% #100C80	RGB 16 12 128	#100C80
83.3%	83.3% #10056E	RGB 16 5 110	#10056E
100.0%	100.0% #11005D	RGB 17 0 93	#11005D

#3C62C7 #2D49B5 #2031A3 #161C92 #100C80 #10056E #11005D

#3C63C7 - #161C92 - #11005D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C62C7 0%, #161C92 50%, #11005D 100%);
    background: -webkit-linear-gradient(top, #3C62C7 0%, #161C92 50%, #11005D 100%);
    background: linear-gradient(to bottom, #3C62C7 0%, #161C92 50%, #11005D 100%);
}
</style>