#484899 - #8A90BE | 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 #484899 to #8A90BE

#484899 #8A90BE

Calculate the color between two colors, #484899 and #8A90BE. 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)

#484899 - #8A90BE | 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 #484899 as 0% and #8A90BE as 100%.

0.0%	0.0% #484899	RGB 72 72 153	#484899
16.7%	16.7% #53549F	RGB 83 84 159	#53549F
33.3%	33.3% #5E60A5	RGB 94 96 165	#5E60A5
50.0%	50.0% #696CAB	RGB 105 108 171	#696CAB
66.7%	66.7% #7478B1	RGB 116 120 177	#7478B1
83.3%	83.3% #7F84B7	RGB 127 132 183	#7F84B7
100.0%	100.0% #8A90BE	RGB 138 144 190	#8A90BE

#484899 #53549F #5E60A5 #696CAB #7478B1 #7F84B7 #8A90BE

#484899 - #8A90BE

HSV Blend

#484899 - #8A90BE | 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 #484899 as 0% and #8A90BE as 100%.

0.0%	0.0% #484899	RGB 72 72 153	#484899
16.7%	16.7% #51539F	RGB 81 83 159	#51539F
33.3%	33.3% #5B5EA5	RGB 91 94 165	#5B5EA5
50.0%	50.0% #666AAB	RGB 102 106 171	#666AAB
66.7%	66.7% #7176B1	RGB 113 118 177	#7176B1
83.3%	83.3% #7D83B7	RGB 125 131 183	#7D83B7
100.0%	100.0% #8A90BE	RGB 138 144 190	#8A90BE

#484899 #51539F #5B5EA5 #666AAB #7176B1 #7D83B7 #8A90BE

#484899 - #666AAB - #8A90BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484899 0%, #666AAB 50%, #8A90BE 100%);
    background: -webkit-linear-gradient(top, #484899 0%, #666AAB 50%, #8A90BE 100%);
    background: linear-gradient(to bottom, #484899 0%, #666AAB 50%, #8A90BE 100%);
}
</style>