#490055 - #7E5EAF | 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 #490055 to #7E5EAF

#490055 #7E5EAF

Calculate the color between two colors, #490055 and #7E5EAF. 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)

#490055 - #7E5EAF | 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 #490055 as 0% and #7E5EAF as 100%.

0.0%	0.0% #490055	RGB 73 0 85	#490055
16.7%	16.7% #510F64	RGB 81 15 100	#510F64
33.3%	33.3% #5A1F73	RGB 90 31 115	#5A1F73
50.0%	50.0% #632F82	RGB 99 47 130	#632F82
66.7%	66.7% #6C3E91	RGB 108 62 145	#6C3E91
83.3%	83.3% #754EA0	RGB 117 78 160	#754EA0
100.0%	100.0% #7E5EAF	RGB 126 94 175	#7E5EAF

#490055 #510F64 #5A1F73 #632F82 #6C3E91 #754EA0 #7E5EAF

#490055 - #7E5EAF

HSV Blend

#490055 - #7E5EAF | 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 #490055 as 0% and #7E5EAF as 100%.

0.0%	0.0% #480055	RGB 72 0 85	#480055
16.7%	16.7% #500864	RGB 80 8 100	#500864
33.3%	33.3% #571473	RGB 87 20 115	#571473
50.0%	50.0% #5E2282	RGB 94 34 130	#5E2282
66.7%	66.7% #673391	RGB 103 51 145	#673391
83.3%	83.3% #7147A0	RGB 113 71 160	#7147A0
100.0%	100.0% #7E5EAF	RGB 126 94 175	#7E5EAF

#480055 #500864 #571473 #5E2282 #673391 #7147A0 #7E5EAF

#490055 - #5E2282 - #7E5EAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #480055 0%, #5E2282 50%, #7E5EAF 100%);
    background: -webkit-linear-gradient(top, #480055 0%, #5E2282 50%, #7E5EAF 100%);
    background: linear-gradient(to bottom, #480055 0%, #5E2282 50%, #7E5EAF 100%);
}
</style>