#705EB6 - #380D5D | 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 #705EB6 to #380D5D

#705EB6 #380D5D

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

#705EB6 - #380D5D | 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 #705EB6 as 0% and #380D5D as 100%.

0.0%	0.0% #705EB6	RGB 112 94 182	#705EB6
16.7%	16.7% #6650A7	RGB 102 80 167	#6650A7
33.3%	33.3% #5D4398	RGB 93 67 152	#5D4398
50.0%	50.0% #543589	RGB 84 53 137	#543589
66.7%	66.7% #4A287A	RGB 74 40 122	#4A287A
83.3%	83.3% #411A6B	RGB 65 26 107	#411A6B
100.0%	100.0% #380D5D	RGB 56 13 93	#380D5D

#705EB6 #6650A7 #5D4398 #543589 #4A287A #411A6B #380D5D

#705EB6 - #380D5D

HSV Blend

#705EB6 - #380D5D | 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 #705EB6 as 0% and #380D5D as 100%.

0.0%	0.0% #6F5EB6	RGB 111 94 182	#6F5EB6
16.7%	16.7% #634BA7	RGB 99 75 167	#634BA7
33.3%	33.3% #583B98	RGB 88 59 152	#583B98
50.0%	50.0% #4F2D89	RGB 79 45 137	#4F2D89
66.7%	66.7% #46207A	RGB 70 32 122	#46207A
83.3%	83.3% #3F156B	RGB 63 21 107	#3F156B
100.0%	100.0% #380D5D	RGB 56 13 93	#380D5D

#6F5EB6 #634BA7 #583B98 #4F2D89 #46207A #3F156B #380D5D

#705EB6 - #4F2D89 - #380D5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5EB6 0%, #4F2D89 50%, #380D5D 100%);
    background: -webkit-linear-gradient(top, #6F5EB6 0%, #4F2D89 50%, #380D5D 100%);
    background: linear-gradient(to bottom, #6F5EB6 0%, #4F2D89 50%, #380D5D 100%);
}
</style>