#B78EC4 - #812C8F | 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 #B78EC4 to #812C8F

#B78EC4 #812C8F

Calculate the color between two colors, #B78EC4 and #812C8F. 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)

#B78EC4 - #812C8F | 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 #B78EC4 as 0% and #812C8F as 100%.

0.0%	0.0% #B78EC4	RGB 183 142 196	#B78EC4
16.7%	16.7% #AE7DBB	RGB 174 125 187	#AE7DBB
33.3%	33.3% #A56DB2	RGB 165 109 178	#A56DB2
50.0%	50.0% #9C5DA9	RGB 156 93 169	#9C5DA9
66.7%	66.7% #934CA0	RGB 147 76 160	#934CA0
83.3%	83.3% #8A3C97	RGB 138 60 151	#8A3C97
100.0%	100.0% #812C8F	RGB 129 44 143	#812C8F

#B78EC4 #AE7DBB #A56DB2 #9C5DA9 #934CA0 #8A3C97 #812C8F

#B78EC4 - #812C8F

HSV Blend

#B78EC4 - #812C8F | 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 #B78EC4 as 0% and #812C8F as 100%.

0.0%	0.0% #B78EC4	RGB 183 142 196	#B78EC4
16.7%	16.7% #AC7ABB	RGB 172 122 187	#AC7ABB
33.3%	33.3% #A268B2	RGB 162 104 178	#A268B2
50.0%	50.0% #9957A9	RGB 153 87 169	#9957A9
66.7%	66.7% #9147A0	RGB 145 71 160	#9147A0
83.3%	83.3% #883997	RGB 136 57 151	#883997
100.0%	100.0% #812C8F	RGB 129 44 143	#812C8F

#B78EC4 #AC7ABB #A268B2 #9957A9 #9147A0 #883997 #812C8F

#B78EC4 - #9957A9 - #812C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B78EC4 0%, #9957A9 50%, #812C8F 100%);
    background: -webkit-linear-gradient(top, #B78EC4 0%, #9957A9 50%, #812C8F 100%);
    background: linear-gradient(to bottom, #B78EC4 0%, #9957A9 50%, #812C8F 100%);
}
</style>