#4C92BA - #1D476C | 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 #4C92BA to #1D476C

#4C92BA #1D476C

Calculate the color between two colors, #4C92BA and #1D476C. 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)

#4C92BA - #1D476C | 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 #4C92BA as 0% and #1D476C as 100%.

0.0%	0.0% #4C92BA	RGB 76 146 186	#4C92BA
16.7%	16.7% #4485AD	RGB 68 133 173	#4485AD
33.3%	33.3% #3C79A0	RGB 60 121 160	#3C79A0
50.0%	50.0% #346C93	RGB 52 108 147	#346C93
66.7%	66.7% #2C6086	RGB 44 96 134	#2C6086
83.3%	83.3% #245379	RGB 36 83 121	#245379
100.0%	100.0% #1D476C	RGB 29 71 108	#1D476C

#4C92BA #4485AD #3C79A0 #346C93 #2C6086 #245379 #1D476C

#4C92BA - #1D476C

HSV Blend

#4C92BA - #1D476C | 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 #4C92BA as 0% and #1D476C as 100%.

0.0%	0.0% #4C92BA	RGB 76 146 186	#4C92BA
16.7%	16.7% #4284AD	RGB 66 132 173	#4284AD
33.3%	33.3% #3977A0	RGB 57 119 160	#3977A0
50.0%	50.0% #316A93	RGB 49 106 147	#316A93
66.7%	66.7% #2A5E86	RGB 42 94 134	#2A5E86
83.3%	83.3% #235279	RGB 35 82 121	#235279
100.0%	100.0% #1D476C	RGB 29 71 108	#1D476C

#4C92BA #4284AD #3977A0 #316A93 #2A5E86 #235279 #1D476C

#4C92BA - #316A93 - #1D476C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C92BA 0%, #316A93 50%, #1D476C 100%);
    background: -webkit-linear-gradient(top, #4C92BA 0%, #316A93 50%, #1D476C 100%);
    background: linear-gradient(to bottom, #4C92BA 0%, #316A93 50%, #1D476C 100%);
}
</style>