#BF5E84 - #361A25 | 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 #BF5E84 to #361A25

#BF5E84 #361A25

Calculate the color between two colors, #BF5E84 and #361A25. 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)

#BF5E84 - #361A25 | 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 #BF5E84 as 0% and #361A25 as 100%.

0.0%	0.0% #BF5E84	RGB 191 94 132	#BF5E84
16.7%	16.7% #A85274	RGB 168 82 116	#A85274
33.3%	33.3% #914764	RGB 145 71 100	#914764
50.0%	50.0% #7A3C54	RGB 122 60 84	#7A3C54
66.7%	66.7% #633044	RGB 99 48 68	#633044
83.3%	83.3% #4C2534	RGB 76 37 52	#4C2534
100.0%	100.0% #361A25	RGB 54 26 37	#361A25

#BF5E84 #A85274 #914764 #7A3C54 #633044 #4C2534 #361A25

#BF5E84 - #361A25

HSV Blend

#BF5E84 - #361A25 | 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 #BF5E84 as 0% and #361A25 as 100%.

0.0%	0.0% #BF5E84	RGB 191 94 132	#BF5E84
16.7%	16.7% #A85274	RGB 168 82 116	#A85274
33.3%	33.3% #914764	RGB 145 71 100	#914764
50.0%	50.0% #7A3B54	RGB 122 59 84	#7A3B54
66.7%	66.7% #633044	RGB 99 48 68	#633044
83.3%	83.3% #4C2534	RGB 76 37 52	#4C2534
100.0%	100.0% #361A25	RGB 54 26 37	#361A25

#BF5E84 #A85274 #914764 #7A3B54 #633044 #4C2534 #361A25

#BF5E84 - #7A3B54 - #361A25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF5E84 0%, #7A3B54 50%, #361A25 100%);
    background: -webkit-linear-gradient(top, #BF5E84 0%, #7A3B54 50%, #361A25 100%);
    background: linear-gradient(to bottom, #BF5E84 0%, #7A3B54 50%, #361A25 100%);
}
</style>