#B29FB7 - #764A8F | 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 #B29FB7 to #764A8F

#B29FB7 #764A8F

Calculate the color between two colors, #B29FB7 and #764A8F. 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)

#B29FB7 - #764A8F | 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 #B29FB7 as 0% and #764A8F as 100%.

0.0%	0.0% #B29FB7	RGB 178 159 183	#B29FB7
16.7%	16.7% #A890B0	RGB 168 144 176	#A890B0
33.3%	33.3% #9E82A9	RGB 158 130 169	#9E82A9
50.0%	50.0% #9474A3	RGB 148 116 163	#9474A3
66.7%	66.7% #8A669C	RGB 138 102 156	#8A669C
83.3%	83.3% #805895	RGB 128 88 149	#805895
100.0%	100.0% #764A8F	RGB 118 74 143	#764A8F

#B29FB7 #A890B0 #9E82A9 #9474A3 #8A669C #805895 #764A8F

#B29FB7 - #764A8F

HSV Blend

#B29FB7 - #764A8F | 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 #B29FB7 as 0% and #764A8F as 100%.

0.0%	0.0% #B29FB7	RGB 178 159 183	#B29FB7
16.7%	16.7% #A88EB0	RGB 168 142 176	#A88EB0
33.3%	33.3% #9E7FA9	RGB 158 127 169	#9E7FA9
50.0%	50.0% #9470A3	RGB 148 112 163	#9470A3
66.7%	66.7% #8A639C	RGB 138 99 156	#8A639C
83.3%	83.3% #805695	RGB 128 86 149	#805695
100.0%	100.0% #764A8F	RGB 118 74 143	#764A8F

#B29FB7 #A88EB0 #9E7FA9 #9470A3 #8A639C #805695 #764A8F

#B29FB7 - #9470A3 - #764A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B29FB7 0%, #9470A3 50%, #764A8F 100%);
    background: -webkit-linear-gradient(top, #B29FB7 0%, #9470A3 50%, #764A8F 100%);
    background: linear-gradient(to bottom, #B29FB7 0%, #9470A3 50%, #764A8F 100%);
}
</style>