#B05E6E - #321A1F | 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 #B05E6E to #321A1F

#B05E6E #321A1F

Calculate the color between two colors, #B05E6E and #321A1F. 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)

#B05E6E - #321A1F | 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 #B05E6E as 0% and #321A1F as 100%.

0.0%	0.0% #B05E6E	RGB 176 94 110	#B05E6E
16.7%	16.7% #9B5260	RGB 155 82 96	#9B5260
33.3%	33.3% #864753	RGB 134 71 83	#864753
50.0%	50.0% #713C46	RGB 113 60 70	#713C46
66.7%	66.7% #5C3039	RGB 92 48 57	#5C3039
83.3%	83.3% #47252C	RGB 71 37 44	#47252C
100.0%	100.0% #321A1F	RGB 50 26 31	#321A1F

#B05E6E #9B5260 #864753 #713C46 #5C3039 #47252C #321A1F

#B05E6E - #321A1F

HSV Blend

#B05E6E - #321A1F | 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 #B05E6E as 0% and #321A1F as 100%.

0.0%	0.0% #B05E6E	RGB 176 94 110	#B05E6E
16.7%	16.7% #9B5260	RGB 155 82 96	#9B5260
33.3%	33.3% #864653	RGB 134 70 83	#864653
50.0%	50.0% #713B46	RGB 113 59 70	#713B46
66.7%	66.7% #5C3039	RGB 92 48 57	#5C3039
83.3%	83.3% #47252C	RGB 71 37 44	#47252C
100.0%	100.0% #321A1F	RGB 50 26 31	#321A1F

#B05E6E #9B5260 #864653 #713B46 #5C3039 #47252C #321A1F

#B05E6E - #713B46 - #321A1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05E6E 0%, #713B46 50%, #321A1F 100%);
    background: -webkit-linear-gradient(top, #B05E6E 0%, #713B46 50%, #321A1F 100%);
    background: linear-gradient(to bottom, #B05E6E 0%, #713B46 50%, #321A1F 100%);
}
</style>