#3C5E9B - #94A9C2 | 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 #3C5E9B to #94A9C2

#3C5E9B #94A9C2

Calculate the color between two colors, #3C5E9B and #94A9C2. 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)

#3C5E9B - #94A9C2 | 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 #3C5E9B as 0% and #94A9C2 as 100%.

0.0%	0.0% #3C5E9B	RGB 60 94 155	#3C5E9B
16.7%	16.7% #4A6AA1	RGB 74 106 161	#4A6AA1
33.3%	33.3% #5977A8	RGB 89 119 168	#5977A8
50.0%	50.0% #6883AE	RGB 104 131 174	#6883AE
66.7%	66.7% #7690B5	RGB 118 144 181	#7690B5
83.3%	83.3% #859CBB	RGB 133 156 187	#859CBB
100.0%	100.0% #94A9C2	RGB 148 169 194	#94A9C2

#3C5E9B #4A6AA1 #5977A8 #6883AE #7690B5 #859CBB #94A9C2

#3C5E9B - #94A9C2

HSV Blend

#3C5E9B - #94A9C2 | 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 #3C5E9B as 0% and #94A9C2 as 100%.

0.0%	0.0% #3C5D9B	RGB 60 93 155	#3C5D9B
16.7%	16.7% #4869A1	RGB 72 105 161	#4869A1
33.3%	33.3% #5676A8	RGB 86 118 168	#5676A8
50.0%	50.0% #6482AE	RGB 100 130 174	#6482AE
66.7%	66.7% #738FB5	RGB 115 143 181	#738FB5
83.3%	83.3% #839CBB	RGB 131 156 187	#839CBB
100.0%	100.0% #94A9C2	RGB 148 169 194	#94A9C2

#3C5D9B #4869A1 #5676A8 #6482AE #738FB5 #839CBB #94A9C2

#3C5E9B - #6482AE - #94A9C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5D9B 0%, #6482AE 50%, #94A9C2 100%);
    background: -webkit-linear-gradient(top, #3C5D9B 0%, #6482AE 50%, #94A9C2 100%);
    background: linear-gradient(to bottom, #3C5D9B 0%, #6482AE 50%, #94A9C2 100%);
}
</style>