#483C5E - #B65ECB | 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 #B65ECB

#483C5E #B65ECB

Calculate the color between two colors, #483C5E and #B65ECB. 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 - #B65ECB | 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 #B65ECB as 100%.

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #5A4170	RGB 90 65 112	#5A4170
33.3%	33.3% #6C4782	RGB 108 71 130	#6C4782
50.0%	50.0% #7F4D94	RGB 127 77 148	#7F4D94
66.7%	66.7% #9152A6	RGB 145 82 166	#9152A6
83.3%	83.3% #A358B8	RGB 163 88 184	#A358B8
100.0%	100.0% #B65ECB	RGB 182 94 203	#B65ECB

#483C5E #5A4170 #6C4782 #7F4D94 #9152A6 #A358B8 #B65ECB

#483C5E - #B65ECB

HSV Blend

#483C5E - #B65ECB | 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 #B65ECB as 100%.

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #574470	RGB 87 68 112	#574470
33.3%	33.3% #674B82	RGB 103 75 130	#674B82
50.0%	50.0% #785194	RGB 120 81 148	#785194
66.7%	66.7% #8B56A6	RGB 139 86 166	#8B56A6
83.3%	83.3% #9F5AB8	RGB 159 90 184	#9F5AB8
100.0%	100.0% #B65ECB	RGB 182 94 203	#B65ECB

#483C5E #574470 #674B82 #785194 #8B56A6 #9F5AB8 #B65ECB

#483C5E - #785194 - #B65ECB

CSS codes

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

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