#B8A8B5 - #8F4C68 | 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 #B8A8B5 to #8F4C68

#B8A8B5 #8F4C68

Calculate the color between two colors, #B8A8B5 and #8F4C68. 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)

#B8A8B5 - #8F4C68 | 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 #B8A8B5 as 0% and #8F4C68 as 100%.

0.0%	0.0% #B8A8B5	RGB 184 168 181	#B8A8B5
16.7%	16.7% #B198A8	RGB 177 152 168	#B198A8
33.3%	33.3% #AA899B	RGB 170 137 155	#AA899B
50.0%	50.0% #A37A8E	RGB 163 122 142	#A37A8E
66.7%	66.7% #9C6A81	RGB 156 106 129	#9C6A81
83.3%	83.3% #955B74	RGB 149 91 116	#955B74
100.0%	100.0% #8F4C68	RGB 143 76 104	#8F4C68

#B8A8B5 #B198A8 #AA899B #A37A8E #9C6A81 #955B74 #8F4C68

#B8A8B5 - #8F4C68

HSV Blend

#B8A8B5 - #8F4C68 | 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 #B8A8B5 as 0% and #8F4C68 as 100%.

0.0%	0.0% #B8A8B5	RGB 184 168 181	#B8A8B5
16.7%	16.7% #B196AA	RGB 177 150 170	#B196AA
33.3%	33.3% #AA859E	RGB 170 133 158	#AA859E
50.0%	50.0% #A37692	RGB 163 118 146	#A37692
66.7%	66.7% #9C6784	RGB 156 103 132	#9C6784
83.3%	83.3% #955976	RGB 149 89 118	#955976
100.0%	100.0% #8F4C68	RGB 143 76 104	#8F4C68

#B8A8B5 #B196AA #AA859E #A37692 #9C6784 #955976 #8F4C68

#B8A8B5 - #A37692 - #8F4C68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8A8B5 0%, #A37692 50%, #8F4C68 100%);
    background: -webkit-linear-gradient(top, #B8A8B5 0%, #A37692 50%, #8F4C68 100%);
    background: linear-gradient(to bottom, #B8A8B5 0%, #A37692 50%, #8F4C68 100%);
}
</style>