#3C0C5E - #230833 | 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 #3C0C5E to #230833

#3C0C5E #230833

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

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

0.0%	0.0% #3C0C5E	RGB 60 12 94	#3C0C5E
16.7%	16.7% #370B56	RGB 55 11 86	#370B56
33.3%	33.3% #330A4F	RGB 51 10 79	#330A4F
50.0%	50.0% #2F0A48	RGB 47 10 72	#2F0A48
66.7%	66.7% #2B0941	RGB 43 9 65	#2B0941
83.3%	83.3% #27083A	RGB 39 8 58	#27083A
100.0%	100.0% #230833	RGB 35 8 51	#230833

#3C0C5E #370B56 #330A4F #2F0A48 #2B0941 #27083A #230833

#3C0C5E - #230833

HSV Blend

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

0.0%	0.0% #3B0B5E	RGB 59 11 94	#3B0B5E
16.7%	16.7% #380B56	RGB 56 11 86	#380B56
33.3%	33.3% #340A4F	RGB 52 10 79	#340A4F
50.0%	50.0% #300A48	RGB 48 10 72	#300A48
66.7%	66.7% #2B0941	RGB 43 9 65	#2B0941
83.3%	83.3% #27083A	RGB 39 8 58	#27083A
100.0%	100.0% #230833	RGB 35 8 51	#230833

#3B0B5E #380B56 #340A4F #300A48 #2B0941 #27083A #230833

#3C0C5E - #300A48 - #230833

CSS codes

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

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