#111036 - #704D67 | 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 #704D67

#111036 #704D67

Calculate the color between two colors, #111036 and #704D67. 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 - #704D67 | 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 #704D67 as 100%.

0.0%	0.0% #111036	RGB 17 16 54	#111036
16.7%	16.7% #201A3E	RGB 32 26 62	#201A3E
33.3%	33.3% #302446	RGB 48 36 70	#302446
50.0%	50.0% #402E4E	RGB 64 46 78	#402E4E
66.7%	66.7% #503856	RGB 80 56 86	#503856
83.3%	83.3% #60425E	RGB 96 66 94	#60425E
100.0%	100.0% #704D67	RGB 112 77 103	#704D67

#111036 #201A3E #302446 #402E4E #503856 #60425E #704D67

#111036 - #704D67

HSV Blend

#111036 - #704D67 | 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 #704D67 as 100%.

0.0%	0.0% #111036	RGB 17 16 54	#111036
16.7%	16.7% #20173F	RGB 32 23 63	#20173F
33.3%	33.3% #311F49	RGB 49 31 73	#311F49
50.0%	50.0% #432853	RGB 67 40 83	#432853
66.7%	66.7% #56335C	RGB 86 51 92	#56335C
83.3%	83.3% #663F64	RGB 102 63 100	#663F64
100.0%	100.0% #704D67	RGB 112 77 103	#704D67

#111036 #20173F #311F49 #432853 #56335C #663F64 #704D67

#111036 - #432853 - #704D67

CSS codes

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

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