#4B3E5E - #0C0438 | 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 #4B3E5E to #0C0438

#4B3E5E #0C0438

Calculate the color between two colors, #4B3E5E and #0C0438. 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)

#4B3E5E - #0C0438 | 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 #4B3E5E as 0% and #0C0438 as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #403457	RGB 64 52 87	#403457
33.3%	33.3% #362A51	RGB 54 42 81	#362A51
50.0%	50.0% #2B214B	RGB 43 33 75	#2B214B
66.7%	66.7% #211744	RGB 33 23 68	#211744
83.3%	83.3% #160D3E	RGB 22 13 62	#160D3E
100.0%	100.0% #0C0438	RGB 12 4 56	#0C0438

#4B3E5E #403457 #362A51 #2B214B #211744 #160D3E #0C0438

#4B3E5E - #0C0438

HSV Blend

#4B3E5E - #0C0438 | 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 #4B3E5E as 0% and #0C0438 as 100%.

0.0%	0.0% #4B3E5E	RGB 75 62 94	#4B3E5E
16.7%	16.7% #3F3157	RGB 63 49 87	#3F3157
33.3%	33.3% #332551	RGB 51 37 81	#332551
50.0%	50.0% #281B4B	RGB 40 27 75	#281B4B
66.7%	66.7% #1E1244	RGB 30 18 68	#1E1244
83.3%	83.3% #140A3E	RGB 20 10 62	#140A3E
100.0%	100.0% #0C0438	RGB 12 4 56	#0C0438

#4B3E5E #3F3157 #332551 #281B4B #1E1244 #140A3E #0C0438

#4B3E5E - #281B4B - #0C0438

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B3E5E 0%, #281B4B 50%, #0C0438 100%);
    background: -webkit-linear-gradient(top, #4B3E5E 0%, #281B4B 50%, #0C0438 100%);
    background: linear-gradient(to bottom, #4B3E5E 0%, #281B4B 50%, #0C0438 100%);
}
</style>