#706B84 - #1F1E5E | 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 #706B84 to #1F1E5E

#706B84 #1F1E5E

Calculate the color between two colors, #706B84 and #1F1E5E. 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)

#706B84 - #1F1E5E | 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 #706B84 as 0% and #1F1E5E as 100%.

0.0%	0.0% #706B84	RGB 112 107 132	#706B84
16.7%	16.7% #625E7D	RGB 98 94 125	#625E7D
33.3%	33.3% #555177	RGB 85 81 119	#555177
50.0%	50.0% #474471	RGB 71 68 113	#474471
66.7%	66.7% #3A376A	RGB 58 55 106	#3A376A
83.3%	83.3% #2C2A64	RGB 44 42 100	#2C2A64
100.0%	100.0% #1F1E5E	RGB 31 30 94	#1F1E5E

#706B84 #625E7D #555177 #474471 #3A376A #2C2A64 #1F1E5E

#706B84 - #1F1E5E

HSV Blend

#706B84 - #1F1E5E | 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 #706B84 as 0% and #1F1E5E as 100%.

0.0%	0.0% #706B84	RGB 112 107 132	#706B84
16.7%	16.7% #615B7D	RGB 97 91 125	#615B7D
33.3%	33.3% #534D77	RGB 83 77 119	#534D77
50.0%	50.0% #453F71	RGB 69 63 113	#453F71
66.7%	66.7% #37336A	RGB 55 51 106	#37336A
83.3%	83.3% #2B2864	RGB 43 40 100	#2B2864
100.0%	100.0% #1F1E5E	RGB 31 30 94	#1F1E5E

#706B84 #615B7D #534D77 #453F71 #37336A #2B2864 #1F1E5E

#706B84 - #453F71 - #1F1E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #706B84 0%, #453F71 50%, #1F1E5E 100%);
    background: -webkit-linear-gradient(top, #706B84 0%, #453F71 50%, #1F1E5E 100%);
    background: linear-gradient(to bottom, #706B84 0%, #453F71 50%, #1F1E5E 100%);
}
</style>