#5E64AD - #140F73 | 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 #5E64AD to #140F73

#5E64AD #140F73

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

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

0.0%	0.0% #5E64AD	RGB 94 100 173	#5E64AD
16.7%	16.7% #5155A3	RGB 81 85 163	#5155A3
33.3%	33.3% #454799	RGB 69 71 153	#454799
50.0%	50.0% #393990	RGB 57 57 144	#393990
66.7%	66.7% #2C2B86	RGB 44 43 134	#2C2B86
83.3%	83.3% #201D7C	RGB 32 29 124	#201D7C
100.0%	100.0% #140F73	RGB 20 15 115	#140F73

#5E64AD #5155A3 #454799 #393990 #2C2B86 #201D7C #140F73

#5E64AD - #140F73

HSV Blend

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

0.0%	0.0% #5E64AD	RGB 94 100 173	#5E64AD
16.7%	16.7% #4D52A3	RGB 77 82 163	#4D52A3
33.3%	33.3% #3E4199	RGB 62 65 153	#3E4199
50.0%	50.0% #303190	RGB 48 49 144	#303190
66.7%	66.7% #242486	RGB 36 36 134	#242486
83.3%	83.3% #1B187C	RGB 27 24 124	#1B187C
100.0%	100.0% #140F73	RGB 20 15 115	#140F73

#5E64AD #4D52A3 #3E4199 #303190 #242486 #1B187C #140F73

#5E64AD - #303190 - #140F73

CSS codes

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

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