#7070B6 - #202033 | 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 #7070B6 to #202033

#7070B6 #202033

Calculate the color between two colors, #7070B6 and #202033. 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)

#7070B6 - #202033 | 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 #7070B6 as 0% and #202033 as 100%.

0.0%	0.0% #7070B6	RGB 112 112 182	#7070B6
16.7%	16.7% #6262A0	RGB 98 98 160	#6262A0
33.3%	33.3% #55558A	RGB 85 85 138	#55558A
50.0%	50.0% #484874	RGB 72 72 116	#484874
66.7%	66.7% #3A3A5E	RGB 58 58 94	#3A3A5E
83.3%	83.3% #2D2D48	RGB 45 45 72	#2D2D48
100.0%	100.0% #202033	RGB 32 32 51	#202033

#7070B6 #6262A0 #55558A #484874 #3A3A5E #2D2D48 #202033

#7070B6 - #202033

HSV Blend

#7070B6 - #202033 | 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 #7070B6 as 0% and #202033 as 100%.

0.0%	0.0% #7070B6	RGB 112 112 182	#7070B6
16.7%	16.7% #6262A0	RGB 98 98 160	#6262A0
33.3%	33.3% #55558A	RGB 85 85 138	#55558A
50.0%	50.0% #484874	RGB 72 72 116	#484874
66.7%	66.7% #3B3B5E	RGB 59 59 94	#3B3B5E
83.3%	83.3% #2D2D48	RGB 45 45 72	#2D2D48
100.0%	100.0% #202033	RGB 32 32 51	#202033

#7070B6 #6262A0 #55558A #484874 #3B3B5E #2D2D48 #202033

#7070B6 - #484874 - #202033

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7070B6 0%, #484874 50%, #202033 100%);
    background: -webkit-linear-gradient(top, #7070B6 0%, #484874 50%, #202033 100%);
    background: linear-gradient(to bottom, #7070B6 0%, #484874 50%, #202033 100%);
}
</style>