#BA2DDA - #420091 | 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 #BA2DDA to #420091

#BA2DDA #420091

Calculate the color between two colors, #BA2DDA and #420091. 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)

#BA2DDA - #420091 | 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 #BA2DDA as 0% and #420091 as 100%.

0.0%	0.0% #BA2DDA	RGB 186 45 218	#BA2DDA
16.7%	16.7% #A625CD	RGB 166 37 205	#A625CD
33.3%	33.3% #921EC1	RGB 146 30 193	#921EC1
50.0%	50.0% #7E16B5	RGB 126 22 181	#7E16B5
66.7%	66.7% #6A0EA9	RGB 106 14 169	#6A0EA9
83.3%	83.3% #56079D	RGB 86 7 157	#56079D
100.0%	100.0% #420091	RGB 66 0 145	#420091

#BA2DDA #A625CD #921EC1 #7E16B5 #6A0EA9 #56079D #420091

#BA2DDA - #420091

HSV Blend

#BA2DDA - #420091 | 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 #BA2DDA as 0% and #420091 as 100%.

0.0%	0.0% #B92DDA	RGB 185 45 218	#B92DDA
16.7%	16.7% #A423CD	RGB 164 35 205	#A423CD
33.3%	33.3% #8E1AC1	RGB 142 26 193	#8E1AC1
50.0%	50.0% #7A12B5	RGB 122 18 181	#7A12B5
66.7%	66.7% #660BA9	RGB 102 11 169	#660BA9
83.3%	83.3% #53059D	RGB 83 5 157	#53059D
100.0%	100.0% #420091	RGB 66 0 145	#420091

#B92DDA #A423CD #8E1AC1 #7A12B5 #660BA9 #53059D #420091

#BA2DDA - #7A12B5 - #420091

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B92DDA 0%, #7A12B5 50%, #420091 100%);
    background: -webkit-linear-gradient(top, #B92DDA 0%, #7A12B5 50%, #420091 100%);
    background: linear-gradient(to bottom, #B92DDA 0%, #7A12B5 50%, #420091 100%);
}
</style>