#483C5E - #31064F | 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 #483C5E to #31064F

#483C5E #31064F

Calculate the color between two colors, #483C5E and #31064F. 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)

#483C5E - #31064F | 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 #483C5E as 0% and #31064F as 100%.

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #44335B	RGB 68 51 91	#44335B
33.3%	33.3% #402A59	RGB 64 42 89	#402A59
50.0%	50.0% #3C2156	RGB 60 33 86	#3C2156
66.7%	66.7% #381854	RGB 56 24 84	#381854
83.3%	83.3% #340F51	RGB 52 15 81	#340F51
100.0%	100.0% #31064F	RGB 49 6 79	#31064F

#483C5E #44335B #402A59 #3C2156 #381854 #340F51 #31064F

#483C5E - #31064F

HSV Blend

#483C5E - #31064F | 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 #483C5E as 0% and #31064F as 100%.

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #42315B	RGB 66 49 91	#42315B
33.3%	33.3% #3D2859	RGB 61 40 89	#3D2859
50.0%	50.0% #391E56	RGB 57 30 86	#391E56
66.7%	66.7% #351654	RGB 53 22 84	#351654
83.3%	83.3% #330D51	RGB 51 13 81	#330D51
100.0%	100.0% #31064F	RGB 49 6 79	#31064F

#483C5E #42315B #3D2859 #391E56 #351654 #330D51 #31064F

#483C5E - #391E56 - #31064F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483C5E 0%, #391E56 50%, #31064F 100%);
    background: -webkit-linear-gradient(top, #483C5E 0%, #391E56 50%, #31064F 100%);
    background: linear-gradient(to bottom, #483C5E 0%, #391E56 50%, #31064F 100%);
}
</style>