#B8ABC1 - #754F78 | 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 #B8ABC1 to #754F78

#B8ABC1 #754F78

Calculate the color between two colors, #B8ABC1 and #754F78. 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)

#B8ABC1 - #754F78 | 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 #B8ABC1 as 0% and #754F78 as 100%.

0.0%	0.0% #B8ABC1	RGB 184 171 193	#B8ABC1
16.7%	16.7% #AC9BB4	RGB 172 155 180	#AC9BB4
33.3%	33.3% #A18CA8	RGB 161 140 168	#A18CA8
50.0%	50.0% #967D9C	RGB 150 125 156	#967D9C
66.7%	66.7% #8B6D90	RGB 139 109 144	#8B6D90
83.3%	83.3% #805E84	RGB 128 94 132	#805E84
100.0%	100.0% #754F78	RGB 117 79 120	#754F78

#B8ABC1 #AC9BB4 #A18CA8 #967D9C #8B6D90 #805E84 #754F78

#B8ABC1 - #754F78

HSV Blend

#B8ABC1 - #754F78 | 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 #B8ABC1 as 0% and #754F78 as 100%.

0.0%	0.0% #B8ABC1	RGB 184 171 193	#B8ABC1
16.7%	16.7% #AB99B4	RGB 171 153 180	#AB99B4
33.3%	33.3% #9F88A8	RGB 159 136 168	#9F88A8
50.0%	50.0% #93789C	RGB 147 120 156	#93789C
66.7%	66.7% #896990	RGB 137 105 144	#896990
83.3%	83.3% #7E5C84	RGB 126 92 132	#7E5C84
100.0%	100.0% #754F78	RGB 117 79 120	#754F78

#B8ABC1 #AB99B4 #9F88A8 #93789C #896990 #7E5C84 #754F78

#B8ABC1 - #93789C - #754F78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8ABC1 0%, #93789C 50%, #754F78 100%);
    background: -webkit-linear-gradient(top, #B8ABC1 0%, #93789C 50%, #754F78 100%);
    background: linear-gradient(to bottom, #B8ABC1 0%, #93789C 50%, #754F78 100%);
}
</style>