#111036 - #7E486C | 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 #111036 to #7E486C

#111036 #7E486C

Calculate the color between two colors, #111036 and #7E486C. 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)

#111036 - #7E486C | 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 #111036 as 0% and #7E486C as 100%.

0.0%	0.0% #111036	RGB 17 16 54	#111036
16.7%	16.7% #23193F	RGB 35 25 63	#23193F
33.3%	33.3% #352248	RGB 53 34 72	#352248
50.0%	50.0% #472C51	RGB 71 44 81	#472C51
66.7%	66.7% #59355A	RGB 89 53 90	#59355A
83.3%	83.3% #6B3E63	RGB 107 62 99	#6B3E63
100.0%	100.0% #7E486C	RGB 126 72 108	#7E486C

#111036 #23193F #352248 #472C51 #59355A #6B3E63 #7E486C

#111036 - #7E486C

HSV Blend

#111036 - #7E486C | 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 #111036 as 0% and #7E486C as 100%.

0.0%	0.0% #111036	RGB 17 16 54	#111036
16.7%	16.7% #211642	RGB 33 22 66	#211642
33.3%	33.3% #341E4E	RGB 52 30 78	#341E4E
50.0%	50.0% #49275A	RGB 73 39 90	#49275A
66.7%	66.7% #603066	RGB 96 48 102	#603066
83.3%	83.3% #723B6B	RGB 114 59 107	#723B6B
100.0%	100.0% #7E486C	RGB 126 72 108	#7E486C

#111036 #211642 #341E4E #49275A #603066 #723B6B #7E486C

#111036 - #49275A - #7E486C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111036 0%, #49275A 50%, #7E486C 100%);
    background: -webkit-linear-gradient(top, #111036 0%, #49275A 50%, #7E486C 100%);
    background: linear-gradient(to bottom, #111036 0%, #49275A 50%, #7E486C 100%);
}
</style>