#483D5E - #9263CD | 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 #483D5E to #9263CD

#483D5E #9263CD

Calculate the color between two colors, #483D5E and #9263CD. 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)

#483D5E - #9263CD | 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 #483D5E as 0% and #9263CD as 100%.

0.0%	0.0% #483D5E	RGB 72 61 94	#483D5E
16.7%	16.7% #544370	RGB 84 67 112	#544370
33.3%	33.3% #604983	RGB 96 73 131	#604983
50.0%	50.0% #6D5095	RGB 109 80 149	#6D5095
66.7%	66.7% #7956A8	RGB 121 86 168	#7956A8
83.3%	83.3% #855CBA	RGB 133 92 186	#855CBA
100.0%	100.0% #9263CD	RGB 146 99 205	#9263CD

#483D5E #544370 #604983 #6D5095 #7956A8 #855CBA #9263CD

#483D5E - #9263CD

HSV Blend

#483D5E - #9263CD | 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 #483D5E as 0% and #9263CD as 100%.

0.0%	0.0% #483D5E	RGB 72 61 94	#483D5E
16.7%	16.7% #544570	RGB 84 69 112	#544570
33.3%	33.3% #614D83	RGB 97 77 131	#614D83
50.0%	50.0% #6D5495	RGB 109 84 149	#6D5495
66.7%	66.7% #795AA8	RGB 121 90 168	#795AA8
83.3%	83.3% #865FBA	RGB 134 95 186	#865FBA
100.0%	100.0% #9263CD	RGB 146 99 205	#9263CD

#483D5E #544570 #614D83 #6D5495 #795AA8 #865FBA #9263CD

#483D5E - #6D5495 - #9263CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483D5E 0%, #6D5495 50%, #9263CD 100%);
    background: -webkit-linear-gradient(top, #483D5E 0%, #6D5495 50%, #9263CD 100%);
    background: linear-gradient(to bottom, #483D5E 0%, #6D5495 50%, #9263CD 100%);
}
</style>