#B05277 - #321722 | 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 #B05277 to #321722

#B05277 #321722

Calculate the color between two colors, #B05277 and #321722. 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)

#B05277 - #321722 | 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 #B05277 as 0% and #321722 as 100%.

0.0%	0.0% #B05277	RGB 176 82 119	#B05277
16.7%	16.7% #9B4868	RGB 155 72 104	#9B4868
33.3%	33.3% #863E5A	RGB 134 62 90	#863E5A
50.0%	50.0% #71344C	RGB 113 52 76	#71344C
66.7%	66.7% #5C2A3E	RGB 92 42 62	#5C2A3E
83.3%	83.3% #472030	RGB 71 32 48	#472030
100.0%	100.0% #321722	RGB 50 23 34	#321722

#B05277 #9B4868 #863E5A #71344C #5C2A3E #472030 #321722

#B05277 - #321722

HSV Blend

#B05277 - #321722 | 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 #B05277 as 0% and #321722 as 100%.

0.0%	0.0% #B05277	RGB 176 82 119	#B05277
16.7%	16.7% #9B4868	RGB 155 72 104	#9B4868
33.3%	33.3% #863E5A	RGB 134 62 90	#863E5A
50.0%	50.0% #71344C	RGB 113 52 76	#71344C
66.7%	66.7% #5C2A3E	RGB 92 42 62	#5C2A3E
83.3%	83.3% #472030	RGB 71 32 48	#472030
100.0%	100.0% #321722	RGB 50 23 34	#321722

#B05277 #9B4868 #863E5A #71344C #5C2A3E #472030 #321722

#B05277 - #71344C - #321722

CSS codes

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

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