#B5AFB6 - #77597C | 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 #B5AFB6 to #77597C

#B5AFB6 #77597C

Calculate the color between two colors, #B5AFB6 and #77597C. 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)

#B5AFB6 - #77597C | 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 #B5AFB6 as 0% and #77597C as 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #AAA0AC	RGB 170 160 172	#AAA0AC
33.3%	33.3% #A092A2	RGB 160 146 162	#A092A2
50.0%	50.0% #968499	RGB 150 132 153	#968499
66.7%	66.7% #8B758F	RGB 139 117 143	#8B758F
83.3%	83.3% #816785	RGB 129 103 133	#816785
100.0%	100.0% #77597C	RGB 119 89 124	#77597C

#B5AFB6 #AAA0AC #A092A2 #968499 #8B758F #816785 #77597C

#B5AFB6 - #77597C

HSV Blend

#B5AFB6 - #77597C | 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 #B5AFB6 as 0% and #77597C as 100%.

0.0%	0.0% #B5AFB6	RGB 181 175 182	#B5AFB6
16.7%	16.7% #AA9EAC	RGB 170 158 172	#AA9EAC
33.3%	33.3% #9F8FA2	RGB 159 143 162	#9F8FA2
50.0%	50.0% #958099	RGB 149 128 153	#958099
66.7%	66.7% #8B728F	RGB 139 114 143	#8B728F
83.3%	83.3% #816585	RGB 129 101 133	#816585
100.0%	100.0% #77597C	RGB 119 89 124	#77597C

#B5AFB6 #AA9EAC #9F8FA2 #958099 #8B728F #816585 #77597C

#B5AFB6 - #958099 - #77597C

CSS codes

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

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