#55276B - #C76A82 | 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 #55276B to #C76A82

#55276B #C76A82

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

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

0.0%	0.0% #55276B	RGB 85 39 107	#55276B
16.7%	16.7% #68326E	RGB 104 50 110	#68326E
33.3%	33.3% #7B3D72	RGB 123 61 114	#7B3D72
50.0%	50.0% #8E4876	RGB 142 72 118	#8E4876
66.7%	66.7% #A1537A	RGB 161 83 122	#A1537A
83.3%	83.3% #B45E7E	RGB 180 94 126	#B45E7E
100.0%	100.0% #C76A82	RGB 199 106 130	#C76A82

#55276B #68326E #7B3D72 #8E4876 #A1537A #B45E7E #C76A82

#55276B - #C76A82

HSV Blend

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

0.0%	0.0% #54276B	RGB 84 39 107	#54276B
16.7%	16.7% #6F307A	RGB 111 48 122	#6F307A
33.3%	33.3% #893987	RGB 137 57 135	#893987
50.0%	50.0% #994487	RGB 153 68 135	#994487
66.7%	66.7% #A85086	RGB 168 80 134	#A85086
83.3%	83.3% #B75C84	RGB 183 92 132	#B75C84
100.0%	100.0% #C76A82	RGB 199 106 130	#C76A82

#54276B #6F307A #893987 #994487 #A85086 #B75C84 #C76A82

#55276B - #994487 - #C76A82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54276B 0%, #994487 50%, #C76A82 100%);
    background: -webkit-linear-gradient(top, #54276B 0%, #994487 50%, #C76A82 100%);
    background: linear-gradient(to bottom, #54276B 0%, #994487 50%, #C76A82 100%);
}
</style>