#713CFF - #2D00B2 | 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 #713CFF to #2D00B2

#713CFF #2D00B2

Calculate the color between two colors, #713CFF and #2D00B2. 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)

#713CFF - #2D00B2 | 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 #713CFF as 0% and #2D00B2 as 100%.

0.0%	0.0% #713CFF	RGB 113 60 255	#713CFF
16.7%	16.7% #6532F2	RGB 101 50 242	#6532F2
33.3%	33.3% #5A28E5	RGB 90 40 229	#5A28E5
50.0%	50.0% #4F1ED8	RGB 79 30 216	#4F1ED8
66.7%	66.7% #4314CB	RGB 67 20 203	#4314CB
83.3%	83.3% #380ABE	RGB 56 10 190	#380ABE
100.0%	100.0% #2D00B2	RGB 45 0 178	#2D00B2

#713CFF #6532F2 #5A28E5 #4F1ED8 #4314CB #380ABE #2D00B2

#713CFF - #2D00B2

HSV Blend

#713CFF - #2D00B2 | 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 #713CFF as 0% and #2D00B2 as 100%.

0.0%	0.0% #703BFF	RGB 112 59 255	#703BFF
16.7%	16.7% #632FF2	RGB 99 47 242	#632FF2
33.3%	33.3% #5723E5	RGB 87 35 229	#5723E5
50.0%	50.0% #4B19D8	RGB 75 25 216	#4B19D8
66.7%	66.7% #400FCB	RGB 64 15 203	#400FCB
83.3%	83.3% #3607BE	RGB 54 7 190	#3607BE
100.0%	100.0% #2D00B2	RGB 45 0 178	#2D00B2

#703BFF #632FF2 #5723E5 #4B19D8 #400FCB #3607BE #2D00B2

#713CFF - #4B19D8 - #2D00B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #703BFF 0%, #4B19D8 50%, #2D00B2 100%);
    background: -webkit-linear-gradient(top, #703BFF 0%, #4B19D8 50%, #2D00B2 100%);
    background: linear-gradient(to bottom, #703BFF 0%, #4B19D8 50%, #2D00B2 100%);
}
</style>