#4D404B - #3A063E | 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 #4D404B to #3A063E

#4D404B #3A063E

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

#4D404B - #3A063E | 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 #4D404B as 0% and #3A063E as 100%.

0.0%	0.0% #4D404B	RGB 77 64 75	#4D404B
16.7%	16.7% #493648	RGB 73 54 72	#493648
33.3%	33.3% #462C46	RGB 70 44 70	#462C46
50.0%	50.0% #432344	RGB 67 35 68	#432344
66.7%	66.7% #401942	RGB 64 25 66	#401942
83.3%	83.3% #3D0F40	RGB 61 15 64	#3D0F40
100.0%	100.0% #3A063E	RGB 58 6 62	#3A063E

#4D404B #493648 #462C46 #432344 #401942 #3D0F40 #3A063E

#4D404B - #3A063E

HSV Blend

#4D404B - #3A063E | 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 #4D404B as 0% and #3A063E as 100%.

0.0%	0.0% #4D404B	RGB 77 64 75	#4D404B
16.7%	16.7% #4A3447	RGB 74 52 71	#4A3447
33.3%	33.3% #482A45	RGB 72 42 69	#482A45
50.0%	50.0% #452043	RGB 69 32 67	#452043
66.7%	66.7% #431642	RGB 67 22 66	#431642
83.3%	83.3% #3E0E40	RGB 62 14 64	#3E0E40
100.0%	100.0% #3A063E	RGB 58 6 62	#3A063E

#4D404B #4A3447 #482A45 #452043 #431642 #3E0E40 #3A063E

#4D404B - #452043 - #3A063E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D404B 0%, #452043 50%, #3A063E 100%);
    background: -webkit-linear-gradient(top, #4D404B 0%, #452043 50%, #3A063E 100%);
    background: linear-gradient(to bottom, #4D404B 0%, #452043 50%, #3A063E 100%);
}
</style>