#3C2284 - #200021 | 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 #3C2284 to #200021

#3C2284 #200021

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

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

0.0%	0.0% #3C2284	RGB 60 34 132	#3C2284
16.7%	16.7% #371C73	RGB 55 28 115	#371C73
33.3%	33.3% #321663	RGB 50 22 99	#321663
50.0%	50.0% #2E1152	RGB 46 17 82	#2E1152
66.7%	66.7% #290B42	RGB 41 11 66	#290B42
83.3%	83.3% #240531	RGB 36 5 49	#240531
100.0%	100.0% #200021	RGB 32 0 33	#200021

#3C2284 #371C73 #321663 #2E1152 #290B42 #240531 #200021

#3C2284 - #200021

HSV Blend

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

0.0%	0.0% #3B2284	RGB 59 34 132	#3B2284
16.7%	16.7% #3B1873	RGB 59 24 115	#3B1873
33.3%	33.3% #3A1063	RGB 58 16 99	#3A1063
50.0%	50.0% #370A52	RGB 55 10 82	#370A52
66.7%	66.7% #320542	RGB 50 5 66	#320542
83.3%	83.3% #2A0231	RGB 42 2 49	#2A0231
100.0%	100.0% #200021	RGB 32 0 33	#200021

#3B2284 #3B1873 #3A1063 #370A52 #320542 #2A0231 #200021

#3C2284 - #370A52 - #200021

CSS codes

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

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