#4C5C92 - #18263B | 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 #4C5C92 to #18263B

#4C5C92 #18263B

Calculate the color between two colors, #4C5C92 and #18263B. 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)

#4C5C92 - #18263B | 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 #4C5C92 as 0% and #18263B as 100%.

0.0%	0.0% #4C5C92	RGB 76 92 146	#4C5C92
16.7%	16.7% #435383	RGB 67 83 131	#435383
33.3%	33.3% #3A4A75	RGB 58 74 117	#3A4A75
50.0%	50.0% #324166	RGB 50 65 102	#324166
66.7%	66.7% #293858	RGB 41 56 88	#293858
83.3%	83.3% #202F49	RGB 32 47 73	#202F49
100.0%	100.0% #18263B	RGB 24 38 59	#18263B

#4C5C92 #435383 #3A4A75 #324166 #293858 #202F49 #18263B

#4C5C92 - #18263B

HSV Blend

#4C5C92 - #18263B | 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 #4C5C92 as 0% and #18263B as 100%.

0.0%	0.0% #4C5B92	RGB 76 91 146	#4C5B92
16.7%	16.7% #415283	RGB 65 82 131	#415283
33.3%	33.3% #384975	RGB 56 73 117	#384975
50.0%	50.0% #2F4066	RGB 47 64 102	#2F4066
66.7%	66.7% #273758	RGB 39 55 88	#273758
83.3%	83.3% #1F2E49	RGB 31 46 73	#1F2E49
100.0%	100.0% #18263B	RGB 24 38 59	#18263B

#4C5B92 #415283 #384975 #2F4066 #273758 #1F2E49 #18263B

#4C5C92 - #2F4066 - #18263B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5B92 0%, #2F4066 50%, #18263B 100%);
    background: -webkit-linear-gradient(top, #4C5B92 0%, #2F4066 50%, #18263B 100%);
    background: linear-gradient(to bottom, #4C5B92 0%, #2F4066 50%, #18263B 100%);
}
</style>