#B05BA4 - #32192E | 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 #B05BA4 to #32192E

#B05BA4 #32192E

Calculate the color between two colors, #B05BA4 and #32192E. 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)

#B05BA4 - #32192E | 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 #B05BA4 as 0% and #32192E as 100%.

0.0%	0.0% #B05BA4	RGB 176 91 164	#B05BA4
16.7%	16.7% #9B5090	RGB 155 80 144	#9B5090
33.3%	33.3% #86457C	RGB 134 69 124	#86457C
50.0%	50.0% #713A69	RGB 113 58 105	#713A69
66.7%	66.7% #5C2F55	RGB 92 47 85	#5C2F55
83.3%	83.3% #472441	RGB 71 36 65	#472441
100.0%	100.0% #32192E	RGB 50 25 46	#32192E

#B05BA4 #9B5090 #86457C #713A69 #5C2F55 #472441 #32192E

#B05BA4 - #32192E

HSV Blend

#B05BA4 - #32192E | 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 #B05BA4 as 0% and #32192E as 100%.

0.0%	0.0% #B05BA4	RGB 176 91 164	#B05BA4
16.7%	16.7% #9B4F90	RGB 155 79 144	#9B4F90
33.3%	33.3% #86447C	RGB 134 68 124	#86447C
50.0%	50.0% #713968	RGB 113 57 104	#713968
66.7%	66.7% #5C2E55	RGB 92 46 85	#5C2E55
83.3%	83.3% #472341	RGB 71 35 65	#472341
100.0%	100.0% #32192E	RGB 50 25 46	#32192E

#B05BA4 #9B4F90 #86447C #713968 #5C2E55 #472341 #32192E

#B05BA4 - #713968 - #32192E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05BA4 0%, #713968 50%, #32192E 100%);
    background: -webkit-linear-gradient(top, #B05BA4 0%, #713968 50%, #32192E 100%);
    background: linear-gradient(to bottom, #B05BA4 0%, #713968 50%, #32192E 100%);
}
</style>