#3232A0 - #657DD3 | 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 #3232A0 to #657DD3

#3232A0 #657DD3

Calculate the color between two colors, #3232A0 and #657DD3. 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)

#3232A0 - #657DD3 | 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 #3232A0 as 0% and #657DD3 as 100%.

0.0%	0.0% #3232A0	RGB 50 50 160	#3232A0
16.7%	16.7% #3A3EA8	RGB 58 62 168	#3A3EA8
33.3%	33.3% #434BB1	RGB 67 75 177	#434BB1
50.0%	50.0% #4B57B9	RGB 75 87 185	#4B57B9
66.7%	66.7% #5464C2	RGB 84 100 194	#5464C2
83.3%	83.3% #5C70CA	RGB 92 112 202	#5C70CA
100.0%	100.0% #657DD3	RGB 101 125 211	#657DD3

#3232A0 #3A3EA8 #434BB1 #4B57B9 #5464C2 #5C70CA #657DD3

#3232A0 - #657DD3

HSV Blend

#3232A0 - #657DD3 | 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 #3232A0 as 0% and #657DD3 as 100%.

0.0%	0.0% #3232A0	RGB 50 50 160	#3232A0
16.7%	16.7% #393DA8	RGB 57 61 168	#393DA8
33.3%	33.3% #4149B1	RGB 65 73 177	#4149B1
50.0%	50.0% #4955B9	RGB 73 85 185	#4955B9
66.7%	66.7% #5262C2	RGB 82 98 194	#5262C2
83.3%	83.3% #5B6FCA	RGB 91 111 202	#5B6FCA
100.0%	100.0% #657DD3	RGB 101 125 211	#657DD3

#3232A0 #393DA8 #4149B1 #4955B9 #5262C2 #5B6FCA #657DD3

#3232A0 - #4955B9 - #657DD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3232A0 0%, #4955B9 50%, #657DD3 100%);
    background: -webkit-linear-gradient(top, #3232A0 0%, #4955B9 50%, #657DD3 100%);
    background: linear-gradient(to bottom, #3232A0 0%, #4955B9 50%, #657DD3 100%);
}
</style>