#746DB1 - #1F265E | 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 #746DB1 to #1F265E

#746DB1 #1F265E

Calculate the color between two colors, #746DB1 and #1F265E. 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)

#746DB1 - #1F265E | 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 #746DB1 as 0% and #1F265E as 100%.

0.0%	0.0% #746DB1	RGB 116 109 177	#746DB1
16.7%	16.7% #6561A3	RGB 101 97 163	#6561A3
33.3%	33.3% #575595	RGB 87 85 149	#575595
50.0%	50.0% #494987	RGB 73 73 135	#494987
66.7%	66.7% #3B3D79	RGB 59 61 121	#3B3D79
83.3%	83.3% #2D316B	RGB 45 49 107	#2D316B
100.0%	100.0% #1F265E	RGB 31 38 94	#1F265E

#746DB1 #6561A3 #575595 #494987 #3B3D79 #2D316B #1F265E

#746DB1 - #1F265E

HSV Blend

#746DB1 - #1F265E | 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 #746DB1 as 0% and #1F265E as 100%.

0.0%	0.0% #746DB1	RGB 116 109 177	#746DB1
16.7%	16.7% #615CA3	RGB 97 92 163	#615CA3
33.3%	33.3% #4F4D95	RGB 79 77 149	#4F4D95
50.0%	50.0% #404087	RGB 64 64 135	#404087
66.7%	66.7% #333679	RGB 51 54 121	#333679
83.3%	83.3% #282D6B	RGB 40 45 107	#282D6B
100.0%	100.0% #1F265E	RGB 31 38 94	#1F265E

#746DB1 #615CA3 #4F4D95 #404087 #333679 #282D6B #1F265E

#746DB1 - #404087 - #1F265E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #746DB1 0%, #404087 50%, #1F265E 100%);
    background: -webkit-linear-gradient(top, #746DB1 0%, #404087 50%, #1F265E 100%);
    background: linear-gradient(to bottom, #746DB1 0%, #404087 50%, #1F265E 100%);
}
</style>