#5E67F7 - #1416B0 | 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 #5E67F7 to #1416B0

#5E67F7 #1416B0

Calculate the color between two colors, #5E67F7 and #1416B0. 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)

#5E67F7 - #1416B0 | 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 #5E67F7 as 0% and #1416B0 as 100%.

0.0%	0.0% #5E67F7	RGB 94 103 247	#5E67F7
16.7%	16.7% #5159EB	RGB 81 89 235	#5159EB
33.3%	33.3% #454CDF	RGB 69 76 223	#454CDF
50.0%	50.0% #393ED3	RGB 57 62 211	#393ED3
66.7%	66.7% #2C31C7	RGB 44 49 199	#2C31C7
83.3%	83.3% #2023BB	RGB 32 35 187	#2023BB
100.0%	100.0% #1416B0	RGB 20 22 176	#1416B0

#5E67F7 #5159EB #454CDF #393ED3 #2C31C7 #2023BB #1416B0

#5E67F7 - #1416B0

HSV Blend

#5E67F7 - #1416B0 | 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 #5E67F7 as 0% and #1416B0 as 100%.

0.0%	0.0% #5E67F7	RGB 94 103 247	#5E67F7
16.7%	16.7% #4F57EB	RGB 79 87 235	#4F57EB
33.3%	33.3% #4148DF	RGB 65 72 223	#4148DF
50.0%	50.0% #3439D3	RGB 52 57 211	#3439D3
66.7%	66.7% #282CC7	RGB 40 44 199	#282CC7
83.3%	83.3% #1D20BB	RGB 29 32 187	#1D20BB
100.0%	100.0% #1416B0	RGB 20 22 176	#1416B0

#5E67F7 #4F57EB #4148DF #3439D3 #282CC7 #1D20BB #1416B0

#5E67F7 - #3439D3 - #1416B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E67F7 0%, #3439D3 50%, #1416B0 100%);
    background: -webkit-linear-gradient(top, #5E67F7 0%, #3439D3 50%, #1416B0 100%);
    background: linear-gradient(to bottom, #5E67F7 0%, #3439D3 50%, #1416B0 100%);
}
</style>