#2B2B91 - #5C73C7 | 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 #2B2B91 to #5C73C7

#2B2B91 #5C73C7

Calculate the color between two colors, #2B2B91 and #5C73C7. 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)

#2B2B91 - #5C73C7 | 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 #2B2B91 as 0% and #5C73C7 as 100%.

0.0%	0.0% #2B2B91	RGB 43 43 145	#2B2B91
16.7%	16.7% #33379A	RGB 51 55 154	#33379A
33.3%	33.3% #3B43A3	RGB 59 67 163	#3B43A3
50.0%	50.0% #434FAC	RGB 67 79 172	#434FAC
66.7%	66.7% #4B5BB5	RGB 75 91 181	#4B5BB5
83.3%	83.3% #5367BE	RGB 83 103 190	#5367BE
100.0%	100.0% #5C73C7	RGB 92 115 199	#5C73C7

#2B2B91 #33379A #3B43A3 #434FAC #4B5BB5 #5367BE #5C73C7

#2B2B91 - #5C73C7

HSV Blend

#2B2B91 - #5C73C7 | 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 #2B2B91 as 0% and #5C73C7 as 100%.

0.0%	0.0% #2B2A91	RGB 43 42 145	#2B2A91
16.7%	16.7% #31359A	RGB 49 53 154	#31359A
33.3%	33.3% #3940A3	RGB 57 64 163	#3940A3
50.0%	50.0% #414CAC	RGB 65 76 172	#414CAC
66.7%	66.7% #4959B5	RGB 73 89 181	#4959B5
83.3%	83.3% #5265BE	RGB 82 101 190	#5265BE
100.0%	100.0% #5C73C7	RGB 92 115 199	#5C73C7

#2B2A91 #31359A #3940A3 #414CAC #4959B5 #5265BE #5C73C7

#2B2B91 - #414CAC - #5C73C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2A91 0%, #414CAC 50%, #5C73C7 100%);
    background: -webkit-linear-gradient(top, #2B2A91 0%, #414CAC 50%, #5C73C7 100%);
    background: linear-gradient(to bottom, #2B2A91 0%, #414CAC 50%, #5C73C7 100%);
}
</style>