#747EB6 - #263767 | 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 #747EB6 to #263767

#747EB6 #263767

Calculate the color between two colors, #747EB6 and #263767. 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)

#747EB6 - #263767 | 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 #747EB6 as 0% and #263767 as 100%.

0.0%	0.0% #747EB6	RGB 116 126 182	#747EB6
16.7%	16.7% #6772A8	RGB 103 114 168	#6772A8
33.3%	33.3% #5A669B	RGB 90 102 155	#5A669B
50.0%	50.0% #4D5A8E	RGB 77 90 142	#4D5A8E
66.7%	66.7% #404E81	RGB 64 78 129	#404E81
83.3%	83.3% #334274	RGB 51 66 116	#334274
100.0%	100.0% #263767	RGB 38 55 103	#263767

#747EB6 #6772A8 #5A669B #4D5A8E #404E81 #334274 #263767

#747EB6 - #263767

HSV Blend

#747EB6 - #263767 | 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 #747EB6 as 0% and #263767 as 100%.

0.0%	0.0% #747EB6	RGB 116 126 182	#747EB6
16.7%	16.7% #646FA8	RGB 100 111 168	#646FA8
33.3%	33.3% #55629B	RGB 85 98 155	#55629B
50.0%	50.0% #47568E	RGB 71 86 142	#47568E
66.7%	66.7% #3B4B81	RGB 59 75 129	#3B4B81
83.3%	83.3% #304074	RGB 48 64 116	#304074
100.0%	100.0% #263767	RGB 38 55 103	#263767

#747EB6 #646FA8 #55629B #47568E #3B4B81 #304074 #263767

#747EB6 - #47568E - #263767

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #747EB6 0%, #47568E 50%, #263767 100%);
    background: -webkit-linear-gradient(top, #747EB6 0%, #47568E 50%, #263767 100%);
    background: linear-gradient(to bottom, #747EB6 0%, #47568E 50%, #263767 100%);
}
</style>