#3E8FAC - #1C455C | 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 #3E8FAC to #1C455C

#3E8FAC #1C455C

Calculate the color between two colors, #3E8FAC and #1C455C. 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)

#3E8FAC - #1C455C | 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 #3E8FAC as 0% and #1C455C as 100%.

0.0%	0.0% #3E8FAC	RGB 62 143 172	#3E8FAC
16.7%	16.7% #38829E	RGB 56 130 158	#38829E
33.3%	33.3% #327691	RGB 50 118 145	#327691
50.0%	50.0% #2D6A84	RGB 45 106 132	#2D6A84
66.7%	66.7% #275D76	RGB 39 93 118	#275D76
83.3%	83.3% #215169	RGB 33 81 105	#215169
100.0%	100.0% #1C455C	RGB 28 69 92	#1C455C

#3E8FAC #38829E #327691 #2D6A84 #275D76 #215169 #1C455C

#3E8FAC - #1C455C

HSV Blend

#3E8FAC - #1C455C | 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 #3E8FAC as 0% and #1C455C as 100%.

0.0%	0.0% #3E8EAC	RGB 62 142 172	#3E8EAC
16.7%	16.7% #37819E	RGB 55 129 158	#37819E
33.3%	33.3% #317591	RGB 49 117 145	#317591
50.0%	50.0% #2B6884	RGB 43 104 132	#2B6884
66.7%	66.7% #265C76	RGB 38 92 118	#265C76
83.3%	83.3% #215069	RGB 33 80 105	#215069
100.0%	100.0% #1C455C	RGB 28 69 92	#1C455C

#3E8EAC #37819E #317591 #2B6884 #265C76 #215069 #1C455C

#3E8FAC - #2B6884 - #1C455C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8EAC 0%, #2B6884 50%, #1C455C 100%);
    background: -webkit-linear-gradient(top, #3E8EAC 0%, #2B6884 50%, #1C455C 100%);
    background: linear-gradient(to bottom, #3E8EAC 0%, #2B6884 50%, #1C455C 100%);
}
</style>