#3B6ADB - #101E3E | 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 #3B6ADB to #101E3E

#3B6ADB #101E3E

Calculate the color between two colors, #3B6ADB and #101E3E. 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)

#3B6ADB - #101E3E | 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 #3B6ADB as 0% and #101E3E as 100%.

0.0%	0.0% #3B6ADB	RGB 59 106 219	#3B6ADB
16.7%	16.7% #335DC0	RGB 51 93 192	#335DC0
33.3%	33.3% #2C50A6	RGB 44 80 166	#2C50A6
50.0%	50.0% #25448C	RGB 37 68 140	#25448C
66.7%	66.7% #1E3772	RGB 30 55 114	#1E3772
83.3%	83.3% #172A58	RGB 23 42 88	#172A58
100.0%	100.0% #101E3E	RGB 16 30 62	#101E3E

#3B6ADB #335DC0 #2C50A6 #25448C #1E3772 #172A58 #101E3E

#3B6ADB - #101E3E

HSV Blend

#3B6ADB - #101E3E | 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 #3B6ADB as 0% and #101E3E as 100%.

0.0%	0.0% #3B6ADB	RGB 59 106 219	#3B6ADB
16.7%	16.7% #335DC0	RGB 51 93 192	#335DC0
33.3%	33.3% #2C50A6	RGB 44 80 166	#2C50A6
50.0%	50.0% #25438C	RGB 37 67 140	#25438C
66.7%	66.7% #1D3772	RGB 29 55 114	#1D3772
83.3%	83.3% #162A58	RGB 22 42 88	#162A58
100.0%	100.0% #101E3E	RGB 16 30 62	#101E3E

#3B6ADB #335DC0 #2C50A6 #25438C #1D3772 #162A58 #101E3E

#3B6ADB - #25438C - #101E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B6ADB 0%, #25438C 50%, #101E3E 100%);
    background: -webkit-linear-gradient(top, #3B6ADB 0%, #25438C 50%, #101E3E 100%);
    background: linear-gradient(to bottom, #3B6ADB 0%, #25438C 50%, #101E3E 100%);
}
</style>