#481E5E - #89849D | 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 #481E5E to #89849D

#481E5E #89849D

Calculate the color between two colors, #481E5E and #89849D. 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)

#481E5E - #89849D | 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 #481E5E as 0% and #89849D as 100%.

0.0%	0.0% #481E5E	RGB 72 30 94	#481E5E
16.7%	16.7% #522F68	RGB 82 47 104	#522F68
33.3%	33.3% #5D4073	RGB 93 64 115	#5D4073
50.0%	50.0% #68517D	RGB 104 81 125	#68517D
66.7%	66.7% #736288	RGB 115 98 136	#736288
83.3%	83.3% #7E7392	RGB 126 115 146	#7E7392
100.0%	100.0% #89849D	RGB 137 132 157	#89849D

#481E5E #522F68 #5D4073 #68517D #736288 #7E7392 #89849D

#481E5E - #89849D

HSV Blend

#481E5E - #89849D | 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 #481E5E as 0% and #89849D as 100%.

0.0%	0.0% #481E5E	RGB 72 30 94	#481E5E
16.7%	16.7% #4E2A68	RGB 78 42 104	#4E2A68
33.3%	33.3% #563873	RGB 86 56 115	#563873
50.0%	50.0% #5F487D	RGB 95 72 125	#5F487D
66.7%	66.7% #6A5A88	RGB 106 90 136	#6A5A88
83.3%	83.3% #786E92	RGB 120 110 146	#786E92
100.0%	100.0% #89849D	RGB 137 132 157	#89849D

#481E5E #4E2A68 #563873 #5F487D #6A5A88 #786E92 #89849D

#481E5E - #5F487D - #89849D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #481E5E 0%, #5F487D 50%, #89849D 100%);
    background: -webkit-linear-gradient(top, #481E5E 0%, #5F487D 50%, #89849D 100%);
    background: linear-gradient(to bottom, #481E5E 0%, #5F487D 50%, #89849D 100%);
}
</style>