#BA5E89 - #351A26 | 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 #BA5E89 to #351A26

#BA5E89 #351A26

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

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

0.0%	0.0% #BA5E89	RGB 186 94 137	#BA5E89
16.7%	16.7% #A35278	RGB 163 82 120	#A35278
33.3%	33.3% #8D4768	RGB 141 71 104	#8D4768
50.0%	50.0% #773C57	RGB 119 60 87	#773C57
66.7%	66.7% #613047	RGB 97 48 71	#613047
83.3%	83.3% #4B2536	RGB 75 37 54	#4B2536
100.0%	100.0% #351A26	RGB 53 26 38	#351A26

#BA5E89 #A35278 #8D4768 #773C57 #613047 #4B2536 #351A26

#BA5E89 - #351A26

HSV Blend

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

0.0%	0.0% #BA5E89	RGB 186 94 137	#BA5E89
16.7%	16.7% #A35278	RGB 163 82 120	#A35278
33.3%	33.3% #8D4667	RGB 141 70 103	#8D4667
50.0%	50.0% #773B56	RGB 119 59 86	#773B56
66.7%	66.7% #613046	RGB 97 48 70	#613046
83.3%	83.3% #4B2536	RGB 75 37 54	#4B2536
100.0%	100.0% #351A26	RGB 53 26 38	#351A26

#BA5E89 #A35278 #8D4667 #773B56 #613046 #4B2536 #351A26

#BA5E89 - #773B56 - #351A26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5E89 0%, #773B56 50%, #351A26 100%);
    background: -webkit-linear-gradient(top, #BA5E89 0%, #773B56 50%, #351A26 100%);
    background: linear-gradient(to bottom, #BA5E89 0%, #773B56 50%, #351A26 100%);
}
</style>