#B056C4 - #321838 | 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 #B056C4 to #321838

#B056C4 #321838

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

#B056C4 - #321838 | 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 #B056C4 as 0% and #321838 as 100%.

0.0%	0.0% #B056C4	RGB 176 86 196	#B056C4
16.7%	16.7% #9B4BAC	RGB 155 75 172	#9B4BAC
33.3%	33.3% #864195	RGB 134 65 149	#864195
50.0%	50.0% #71377E	RGB 113 55 126	#71377E
66.7%	66.7% #5C2C66	RGB 92 44 102	#5C2C66
83.3%	83.3% #47224F	RGB 71 34 79	#47224F
100.0%	100.0% #321838	RGB 50 24 56	#321838

#B056C4 #9B4BAC #864195 #71377E #5C2C66 #47224F #321838

#B056C4 - #321838

HSV Blend

#B056C4 - #321838 | 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 #B056C4 as 0% and #321838 as 100%.

0.0%	0.0% #B056C4	RGB 176 86 196	#B056C4
16.7%	16.7% #9A4BAC	RGB 154 75 172	#9A4BAC
33.3%	33.3% #854195	RGB 133 65 149	#854195
50.0%	50.0% #70367E	RGB 112 54 126	#70367E
66.7%	66.7% #5B2C66	RGB 91 44 102	#5B2C66
83.3%	83.3% #46224F	RGB 70 34 79	#46224F
100.0%	100.0% #321838	RGB 50 24 56	#321838

#B056C4 #9A4BAC #854195 #70367E #5B2C66 #46224F #321838

#B056C4 - #70367E - #321838

CSS codes

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

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