#5E63AD - #160F73 | 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 #5E63AD to #160F73

#5E63AD #160F73

Calculate the color between two colors, #5E63AD and #160F73. 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)

#5E63AD - #160F73 | 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 #5E63AD as 0% and #160F73 as 100%.

0.0%	0.0% #5E63AD	RGB 94 99 173	#5E63AD
16.7%	16.7% #5255A3	RGB 82 85 163	#5255A3
33.3%	33.3% #464799	RGB 70 71 153	#464799
50.0%	50.0% #3A3990	RGB 58 57 144	#3A3990
66.7%	66.7% #2E2B86	RGB 46 43 134	#2E2B86
83.3%	83.3% #221D7C	RGB 34 29 124	#221D7C
100.0%	100.0% #160F73	RGB 22 15 115	#160F73

#5E63AD #5255A3 #464799 #3A3990 #2E2B86 #221D7C #160F73

#5E63AD - #160F73

HSV Blend

#5E63AD - #160F73 | 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 #5E63AD as 0% and #160F73 as 100%.

0.0%	0.0% #5E63AD	RGB 94 99 173	#5E63AD
16.7%	16.7% #4D51A3	RGB 77 81 163	#4D51A3
33.3%	33.3% #3E4099	RGB 62 64 153	#3E4099
50.0%	50.0% #303090	RGB 48 48 144	#303090
66.7%	66.7% #262486	RGB 38 36 134	#262486
83.3%	83.3% #1D187C	RGB 29 24 124	#1D187C
100.0%	100.0% #160F73	RGB 22 15 115	#160F73

#5E63AD #4D51A3 #3E4099 #303090 #262486 #1D187C #160F73

#5E63AD - #303090 - #160F73

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63AD 0%, #303090 50%, #160F73 100%);
    background: -webkit-linear-gradient(top, #5E63AD 0%, #303090 50%, #160F73 100%);
    background: linear-gradient(to bottom, #5E63AD 0%, #303090 50%, #160F73 100%);
}
</style>