#3C66A8 - #122945 | 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 #3C66A8 to #122945

#3C66A8 #122945

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

#3C66A8 - #122945 | 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 #3C66A8 as 0% and #122945 as 100%.

0.0%	0.0% #3C66A8	RGB 60 102 168	#3C66A8
16.7%	16.7% #355B97	RGB 53 91 151	#355B97
33.3%	33.3% #2E5187	RGB 46 81 135	#2E5187
50.0%	50.0% #274776	RGB 39 71 118	#274776
66.7%	66.7% #203D66	RGB 32 61 102	#203D66
83.3%	83.3% #193355	RGB 25 51 85	#193355
100.0%	100.0% #122945	RGB 18 41 69	#122945

#3C66A8 #355B97 #2E5187 #274776 #203D66 #193355 #122945

#3C66A8 - #122945

HSV Blend

#3C66A8 - #122945 | 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 #3C66A8 as 0% and #122945 as 100%.

0.0%	0.0% #3C66A8	RGB 60 102 168	#3C66A8
16.7%	16.7% #335B97	RGB 51 91 151	#335B97
33.3%	33.3% #2B5187	RGB 43 81 135	#2B5187
50.0%	50.0% #244776	RGB 36 71 118	#244776
66.7%	66.7% #1D3C66	RGB 29 60 102	#1D3C66
83.3%	83.3% #173255	RGB 23 50 85	#173255
100.0%	100.0% #122945	RGB 18 41 69	#122945

#3C66A8 #335B97 #2B5187 #244776 #1D3C66 #173255 #122945

#3C66A8 - #244776 - #122945

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C66A8 0%, #244776 50%, #122945 100%);
    background: -webkit-linear-gradient(top, #3C66A8 0%, #244776 50%, #122945 100%);
    background: linear-gradient(to bottom, #3C66A8 0%, #244776 50%, #122945 100%);
}
</style>