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

#713BFF #2D00B2

Calculate the color between two colors, #713BFF 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)

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

0.0%	0.0% #713BFF	RGB 113 59 255	#713BFF
16.7%	16.7% #6531F2	RGB 101 49 242	#6531F2
33.3%	33.3% #5A27E5	RGB 90 39 229	#5A27E5
50.0%	50.0% #4F1DD8	RGB 79 29 216	#4F1DD8
66.7%	66.7% #4313CB	RGB 67 19 203	#4313CB
83.3%	83.3% #3809BE	RGB 56 9 190	#3809BE
100.0%	100.0% #2D00B2	RGB 45 0 178	#2D00B2

#713BFF #6531F2 #5A27E5 #4F1DD8 #4313CB #3809BE #2D00B2

#713BFF - #2D00B2

HSV Blend

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

0.0%	0.0% #713BFF	RGB 113 59 255	#713BFF
16.7%	16.7% #632EF2	RGB 99 46 242	#632EF2
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

#713BFF #632EF2 #5723E5 #4B19D8 #400FCB #3607BE #2D00B2

#713BFF - #4B19D8 - #2D00B2

CSS codes

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

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