#5E7AEA - #1A50CB | 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 #5E7AEA to #1A50CB

#5E7AEA #1A50CB

Calculate the color between two colors, #5E7AEA and #1A50CB. 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)

#5E7AEA - #1A50CB | 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 #5E7AEA as 0% and #1A50CB as 100%.

0.0%	0.0% #5E7AEA	RGB 94 122 234	#5E7AEA
16.7%	16.7% #5273E4	RGB 82 115 228	#5273E4
33.3%	33.3% #476CDF	RGB 71 108 223	#476CDF
50.0%	50.0% #3C65DA	RGB 60 101 218	#3C65DA
66.7%	66.7% #305ED5	RGB 48 94 213	#305ED5
83.3%	83.3% #2557D0	RGB 37 87 208	#2557D0
100.0%	100.0% #1A50CB	RGB 26 80 203	#1A50CB

#5E7AEA #5273E4 #476CDF #3C65DA #305ED5 #2557D0 #1A50CB

#5E7AEA - #1A50CB

HSV Blend

#5E7AEA - #1A50CB | 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 #5E7AEA as 0% and #1A50CB as 100%.

0.0%	0.0% #5E7AEA	RGB 94 122 234	#5E7AEA
16.7%	16.7% #5171E4	RGB 81 113 228	#5171E4
33.3%	33.3% #4569DF	RGB 69 105 223	#4569DF
50.0%	50.0% #3962DA	RGB 57 98 218	#3962DA
66.7%	66.7% #2E5BD5	RGB 46 91 213	#2E5BD5
83.3%	83.3% #2455D0	RGB 36 85 208	#2455D0
100.0%	100.0% #1A50CB	RGB 26 80 203	#1A50CB

#5E7AEA #5171E4 #4569DF #3962DA #2E5BD5 #2455D0 #1A50CB

#5E7AEA - #3962DA - #1A50CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7AEA 0%, #3962DA 50%, #1A50CB 100%);
    background: -webkit-linear-gradient(top, #5E7AEA 0%, #3962DA 50%, #1A50CB 100%);
    background: linear-gradient(to bottom, #5E7AEA 0%, #3962DA 50%, #1A50CB 100%);
}
</style>