#B5277C - #330B23 | 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 #B5277C to #330B23

#B5277C #330B23

Calculate the color between two colors, #B5277C and #330B23. 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)

#B5277C - #330B23 | 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 #B5277C as 0% and #330B23 as 100%.

0.0%	0.0% #B5277C	RGB 181 39 124	#B5277C
16.7%	16.7% #9F226D	RGB 159 34 109	#9F226D
33.3%	33.3% #891D5E	RGB 137 29 94	#891D5E
50.0%	50.0% #74194F	RGB 116 25 79	#74194F
66.7%	66.7% #5E1440	RGB 94 20 64	#5E1440
83.3%	83.3% #480F31	RGB 72 15 49	#480F31
100.0%	100.0% #330B23	RGB 51 11 35	#330B23

#B5277C #9F226D #891D5E #74194F #5E1440 #480F31 #330B23

#B5277C - #330B23

HSV Blend

#B5277C - #330B23 | 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 #B5277C as 0% and #330B23 as 100%.

0.0%	0.0% #B5267B	RGB 181 38 123	#B5267B
16.7%	16.7% #9F226D	RGB 159 34 109	#9F226D
33.3%	33.3% #891D5E	RGB 137 29 94	#891D5E
50.0%	50.0% #74194F	RGB 116 25 79	#74194F
66.7%	66.7% #5E1440	RGB 94 20 64	#5E1440
83.3%	83.3% #480F31	RGB 72 15 49	#480F31
100.0%	100.0% #330B23	RGB 51 11 35	#330B23

#B5267B #9F226D #891D5E #74194F #5E1440 #480F31 #330B23

#B5277C - #74194F - #330B23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5267B 0%, #74194F 50%, #330B23 100%);
    background: -webkit-linear-gradient(top, #B5267B 0%, #74194F 50%, #330B23 100%);
    background: linear-gradient(to bottom, #B5267B 0%, #74194F 50%, #330B23 100%);
}
</style>