#55276D - #C76B84 | 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 #55276D to #C76B84

#55276D #C76B84

Calculate the color between two colors, #55276D and #C76B84. 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)

#55276D - #C76B84 | 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 #55276D as 0% and #C76B84 as 100%.

0.0%	0.0% #55276D	RGB 85 39 109	#55276D
16.7%	16.7% #683270	RGB 104 50 112	#683270
33.3%	33.3% #7B3D74	RGB 123 61 116	#7B3D74
50.0%	50.0% #8E4978	RGB 142 73 120	#8E4978
66.7%	66.7% #A1547C	RGB 161 84 124	#A1547C
83.3%	83.3% #B45F80	RGB 180 95 128	#B45F80
100.0%	100.0% #C76B84	RGB 199 107 132	#C76B84

#55276D #683270 #7B3D74 #8E4978 #A1547C #B45F80 #C76B84

#55276D - #C76B84

HSV Blend

#55276D - #C76B84 | 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 #55276D as 0% and #C76B84 as 100%.

0.0%	0.0% #55276D	RGB 85 39 109	#55276D
16.7%	16.7% #6F307C	RGB 111 48 124	#6F307C
33.3%	33.3% #8B3A89	RGB 139 58 137	#8B3A89
50.0%	50.0% #9A4489	RGB 154 68 137	#9A4489
66.7%	66.7% #A95088	RGB 169 80 136	#A95088
83.3%	83.3% #B85D86	RGB 184 93 134	#B85D86
100.0%	100.0% #C76B84	RGB 199 107 132	#C76B84

#55276D #6F307C #8B3A89 #9A4489 #A95088 #B85D86 #C76B84

#55276D - #9A4489 - #C76B84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55276D 0%, #9A4489 50%, #C76B84 100%);
    background: -webkit-linear-gradient(top, #55276D 0%, #9A4489 50%, #C76B84 100%);
    background: linear-gradient(to bottom, #55276D 0%, #9A4489 50%, #C76B84 100%);
}
</style>