#3C6FD1 - #152B7A | 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 #3C6FD1 to #152B7A

#3C6FD1 #152B7A

Calculate the color between two colors, #3C6FD1 and #152B7A. 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)

#3C6FD1 - #152B7A | 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 #3C6FD1 as 0% and #152B7A as 100%.

0.0%	0.0% #3C6FD1	RGB 60 111 209	#3C6FD1
16.7%	16.7% #3563C2	RGB 53 99 194	#3563C2
33.3%	33.3% #2F58B4	RGB 47 88 180	#2F58B4
50.0%	50.0% #284DA5	RGB 40 77 165	#284DA5
66.7%	66.7% #224197	RGB 34 65 151	#224197
83.3%	83.3% #1B3688	RGB 27 54 136	#1B3688
100.0%	100.0% #152B7A	RGB 21 43 122	#152B7A

#3C6FD1 #3563C2 #2F58B4 #284DA5 #224197 #1B3688 #152B7A

#3C6FD1 - #152B7A

HSV Blend

#3C6FD1 - #152B7A | 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 #3C6FD1 as 0% and #152B7A as 100%.

0.0%	0.0% #3C6FD1	RGB 60 111 209	#3C6FD1
16.7%	16.7% #3461C2	RGB 52 97 194	#3461C2
33.3%	33.3% #2C55B4	RGB 44 85 180	#2C55B4
50.0%	50.0% #2549A5	RGB 37 73 165	#2549A5
66.7%	66.7% #1F3E97	RGB 31 62 151	#1F3E97
83.3%	83.3% #1A3488	RGB 26 52 136	#1A3488
100.0%	100.0% #152B7A	RGB 21 43 122	#152B7A

#3C6FD1 #3461C2 #2C55B4 #2549A5 #1F3E97 #1A3488 #152B7A

#3C6FD1 - #2549A5 - #152B7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C6FD1 0%, #2549A5 50%, #152B7A 100%);
    background: -webkit-linear-gradient(top, #3C6FD1 0%, #2549A5 50%, #152B7A 100%);
    background: linear-gradient(to bottom, #3C6FD1 0%, #2549A5 50%, #152B7A 100%);
}
</style>