#B800D1 - #8C028D | 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 #B800D1 to #8C028D

#B800D1 #8C028D

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

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

0.0%	0.0% #B800D1	RGB 184 0 209	#B800D1
16.7%	16.7% #B000C5	RGB 176 0 197	#B000C5
33.3%	33.3% #A900BA	RGB 169 0 186	#A900BA
50.0%	50.0% #A201AF	RGB 162 1 175	#A201AF
66.7%	66.7% #9A01A3	RGB 154 1 163	#9A01A3
83.3%	83.3% #930198	RGB 147 1 152	#930198
100.0%	100.0% #8C028D	RGB 140 2 141	#8C028D

#B800D1 #B000C5 #A900BA #A201AF #9A01A3 #930198 #8C028D

#B800D1 - #8C028D

HSV Blend

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

0.0%	0.0% #B700D1	RGB 183 0 209	#B700D1
16.7%	16.7% #B100C5	RGB 177 0 197	#B100C5
33.3%	33.3% #AB00BA	RGB 171 0 186	#AB00BA
50.0%	50.0% #A301AF	RGB 163 1 175	#A301AF
66.7%	66.7% #9C01A3	RGB 156 1 163	#9C01A3
83.3%	83.3% #940198	RGB 148 1 152	#940198
100.0%	100.0% #8C028D	RGB 140 2 141	#8C028D

#B700D1 #B100C5 #AB00BA #A301AF #9C01A3 #940198 #8C028D

#B800D1 - #A301AF - #8C028D

CSS codes

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

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