#7000AD - #360A5E | 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 #7000AD to #360A5E

#7000AD #360A5E

Calculate the color between two colors, #7000AD and #360A5E. 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)

#7000AD - #360A5E | 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 #7000AD as 0% and #360A5E as 100%.

0.0%	0.0% #7000AD	RGB 112 0 173	#7000AD
16.7%	16.7% #66019F	RGB 102 1 159	#66019F
33.3%	33.3% #5C0392	RGB 92 3 146	#5C0392
50.0%	50.0% #530585	RGB 83 5 133	#530585
66.7%	66.7% #490678	RGB 73 6 120	#490678
83.3%	83.3% #3F086B	RGB 63 8 107	#3F086B
100.0%	100.0% #360A5E	RGB 54 10 94	#360A5E

#7000AD #66019F #5C0392 #530585 #490678 #3F086B #360A5E

#7000AD - #360A5E

HSV Blend

#7000AD - #360A5E | 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 #7000AD as 0% and #360A5E as 100%.

0.0%	0.0% #7000AD	RGB 112 0 173	#7000AD
16.7%	16.7% #65029F	RGB 101 2 159	#65029F
33.3%	33.3% #5A0592	RGB 90 5 146	#5A0592
50.0%	50.0% #510785	RGB 81 7 133	#510785
66.7%	66.7% #470878	RGB 71 8 120	#470878
83.3%	83.3% #3E096B	RGB 62 9 107	#3E096B
100.0%	100.0% #360A5E	RGB 54 10 94	#360A5E

#7000AD #65029F #5A0592 #510785 #470878 #3E096B #360A5E

#7000AD - #510785 - #360A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7000AD 0%, #510785 50%, #360A5E 100%);
    background: -webkit-linear-gradient(top, #7000AD 0%, #510785 50%, #360A5E 100%);
    background: linear-gradient(to bottom, #7000AD 0%, #510785 50%, #360A5E 100%);
}
</style>