#B05480 - #6F0D33 | 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 #B05480 to #6F0D33

#B05480 #6F0D33

Calculate the color between two colors, #B05480 and #6F0D33. 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)

#B05480 - #6F0D33 | 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 #B05480 as 0% and #6F0D33 as 100%.

0.0%	0.0% #B05480	RGB 176 84 128	#B05480
16.7%	16.7% #A54873	RGB 165 72 115	#A54873
33.3%	33.3% #9A3C66	RGB 154 60 102	#9A3C66
50.0%	50.0% #8F3059	RGB 143 48 89	#8F3059
66.7%	66.7% #84244C	RGB 132 36 76	#84244C
83.3%	83.3% #79183F	RGB 121 24 63	#79183F
100.0%	100.0% #6F0D33	RGB 111 13 51	#6F0D33

#B05480 #A54873 #9A3C66 #8F3059 #84244C #79183F #6F0D33

#B05480 - #6F0D33

HSV Blend

#B05480 - #6F0D33 | 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 #B05480 as 0% and #6F0D33 as 100%.

0.0%	0.0% #B0547F	RGB 176 84 127	#B0547F
16.7%	16.7% #A54471	RGB 165 68 113	#A54471
33.3%	33.3% #9A3763	RGB 154 55 99	#9A3763
50.0%	50.0% #8F2A56	RGB 143 42 86	#8F2A56
66.7%	66.7% #841F49	RGB 132 31 73	#841F49
83.3%	83.3% #79153D	RGB 121 21 61	#79153D
100.0%	100.0% #6F0D33	RGB 111 13 51	#6F0D33

#B0547F #A54471 #9A3763 #8F2A56 #841F49 #79153D #6F0D33

#B05480 - #8F2A56 - #6F0D33

CSS codes

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

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