#BD5E97 - #351A2B | 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 #BD5E97 to #351A2B

#BD5E97 #351A2B

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

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

0.0%	0.0% #BD5E97	RGB 189 94 151	#BD5E97
16.7%	16.7% #A65285	RGB 166 82 133	#A65285
33.3%	33.3% #8F4773	RGB 143 71 115	#8F4773
50.0%	50.0% #793C61	RGB 121 60 97	#793C61
66.7%	66.7% #62304F	RGB 98 48 79	#62304F
83.3%	83.3% #4B253D	RGB 75 37 61	#4B253D
100.0%	100.0% #351A2B	RGB 53 26 43	#351A2B

#BD5E97 #A65285 #8F4773 #793C61 #62304F #4B253D #351A2B

#BD5E97 - #351A2B

HSV Blend

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

0.0%	0.0% #BD5E97	RGB 189 94 151	#BD5E97
16.7%	16.7% #A65285	RGB 166 82 133	#A65285
33.3%	33.3% #8F4773	RGB 143 71 115	#8F4773
50.0%	50.0% #793B61	RGB 121 59 97	#793B61
66.7%	66.7% #62304F	RGB 98 48 79	#62304F
83.3%	83.3% #4B253D	RGB 75 37 61	#4B253D
100.0%	100.0% #351A2B	RGB 53 26 43	#351A2B

#BD5E97 #A65285 #8F4773 #793B61 #62304F #4B253D #351A2B

#BD5E97 - #793B61 - #351A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BD5E97 0%, #793B61 50%, #351A2B 100%);
    background: -webkit-linear-gradient(top, #BD5E97 0%, #793B61 50%, #351A2B 100%);
    background: linear-gradient(to bottom, #BD5E97 0%, #793B61 50%, #351A2B 100%);
}
</style>