#3E77CE - #0042A2 | 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 #3E77CE to #0042A2

#3E77CE #0042A2

Calculate the color between two colors, #3E77CE and #0042A2. 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)

#3E77CE - #0042A2 | 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 #3E77CE as 0% and #0042A2 as 100%.

0.0%	0.0% #3E77CE	RGB 62 119 206	#3E77CE
16.7%	16.7% #336EC6	RGB 51 110 198	#336EC6
33.3%	33.3% #2965BF	RGB 41 101 191	#2965BF
50.0%	50.0% #1F5CB8	RGB 31 92 184	#1F5CB8
66.7%	66.7% #1453B0	RGB 20 83 176	#1453B0
83.3%	83.3% #0A4AA9	RGB 10 74 169	#0A4AA9
100.0%	100.0% #0042A2	RGB 0 66 162	#0042A2

#3E77CE #336EC6 #2965BF #1F5CB8 #1453B0 #0A4AA9 #0042A2

#3E77CE - #0042A2

HSV Blend

#3E77CE - #0042A2 | 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 #3E77CE as 0% and #0042A2 as 100%.

0.0%	0.0% #3E77CE	RGB 62 119 206	#3E77CE
16.7%	16.7% #316DC6	RGB 49 109 198	#316DC6
33.3%	33.3% #2663BF	RGB 38 99 191	#2663BF
50.0%	50.0% #1B5AB8	RGB 27 90 184	#1B5AB8
66.7%	66.7% #1151B0	RGB 17 81 176	#1151B0
83.3%	83.3% #0849A9	RGB 8 73 169	#0849A9
100.0%	100.0% #0042A2	RGB 0 66 162	#0042A2

#3E77CE #316DC6 #2663BF #1B5AB8 #1151B0 #0849A9 #0042A2

#3E77CE - #1B5AB8 - #0042A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E77CE 0%, #1B5AB8 50%, #0042A2 100%);
    background: -webkit-linear-gradient(top, #3E77CE 0%, #1B5AB8 50%, #0042A2 100%);
    background: linear-gradient(to bottom, #3E77CE 0%, #1B5AB8 50%, #0042A2 100%);
}
</style>