#BF5E98 - #361A2B | 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 #BF5E98 to #361A2B

#BF5E98 #361A2B

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

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

0.0%	0.0% #BF5E98	RGB 191 94 152	#BF5E98
16.7%	16.7% #A85285	RGB 168 82 133	#A85285
33.3%	33.3% #914773	RGB 145 71 115	#914773
50.0%	50.0% #7A3C61	RGB 122 60 97	#7A3C61
66.7%	66.7% #63304F	RGB 99 48 79	#63304F
83.3%	83.3% #4C253D	RGB 76 37 61	#4C253D
100.0%	100.0% #361A2B	RGB 54 26 43	#361A2B

#BF5E98 #A85285 #914773 #7A3C61 #63304F #4C253D #361A2B

#BF5E98 - #361A2B

HSV Blend

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

0.0%	0.0% #BF5E97	RGB 191 94 151	#BF5E97
16.7%	16.7% #A85285	RGB 168 82 133	#A85285
33.3%	33.3% #914773	RGB 145 71 115	#914773
50.0%	50.0% #7A3B61	RGB 122 59 97	#7A3B61
66.7%	66.7% #63304F	RGB 99 48 79	#63304F
83.3%	83.3% #4C253D	RGB 76 37 61	#4C253D
100.0%	100.0% #361A2B	RGB 54 26 43	#361A2B

#BF5E97 #A85285 #914773 #7A3B61 #63304F #4C253D #361A2B

#BF5E98 - #7A3B61 - #361A2B

CSS codes

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

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