#B44186 - #6E0037 | 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 #B44186 to #6E0037

#B44186 #6E0037

Calculate the color between two colors, #B44186 and #6E0037. 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)

#B44186 - #6E0037 | 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 #B44186 as 0% and #6E0037 as 100%.

0.0%	0.0% #B44186	RGB 180 65 134	#B44186
16.7%	16.7% #A83678	RGB 168 54 120	#A83678
33.3%	33.3% #9C2B6B	RGB 156 43 107	#9C2B6B
50.0%	50.0% #91205E	RGB 145 32 94	#91205E
66.7%	66.7% #851551	RGB 133 21 81	#851551
83.3%	83.3% #790A44	RGB 121 10 68	#790A44
100.0%	100.0% #6E0037	RGB 110 0 55	#6E0037

#B44186 #A83678 #9C2B6B #91205E #851551 #790A44 #6E0037

#B44186 - #6E0037

HSV Blend

#B44186 - #6E0037 | 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 #B44186 as 0% and #6E0037 as 100%.

0.0%	0.0% #B44186	RGB 180 65 134	#B44186
16.7%	16.7% #A83277	RGB 168 50 119	#A83277
33.3%	33.3% #9C2569	RGB 156 37 105	#9C2569
50.0%	50.0% #911A5B	RGB 145 26 91	#911A5B
66.7%	66.7% #85104E	RGB 133 16 78	#85104E
83.3%	83.3% #790742	RGB 121 7 66	#790742
100.0%	100.0% #6E0037	RGB 110 0 55	#6E0037

#B44186 #A83277 #9C2569 #911A5B #85104E #790742 #6E0037

#B44186 - #911A5B - #6E0037

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B44186 0%, #911A5B 50%, #6E0037 100%);
    background: -webkit-linear-gradient(top, #B44186 0%, #911A5B 50%, #6E0037 100%);
    background: linear-gradient(to bottom, #B44186 0%, #911A5B 50%, #6E0037 100%);
}
</style>