#551D5E - #C25A70 | 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 #551D5E to #C25A70

#551D5E #C25A70

Calculate the color between two colors, #551D5E and #C25A70. 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)

#551D5E - #C25A70 | 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 #551D5E as 0% and #C25A70 as 100%.

0.0%	0.0% #551D5E	RGB 85 29 94	#551D5E
16.7%	16.7% #672761	RGB 103 39 97	#672761
33.3%	33.3% #793164	RGB 121 49 100	#793164
50.0%	50.0% #8B3B67	RGB 139 59 103	#8B3B67
66.7%	66.7% #9D456A	RGB 157 69 106	#9D456A
83.3%	83.3% #AF4F6D	RGB 175 79 109	#AF4F6D
100.0%	100.0% #C25A70	RGB 194 90 112	#C25A70

#551D5E #672761 #793164 #8B3B67 #9D456A #AF4F6D #C25A70

#551D5E - #C25A70

HSV Blend

#551D5E - #C25A70 | 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 #551D5E as 0% and #C25A70 as 100%.

0.0%	0.0% #551D5E	RGB 85 29 94	#551D5E
16.7%	16.7% #6E256D	RGB 110 37 109	#6E256D
33.3%	33.3% #7F2D71	RGB 127 45 113	#7F2D71
50.0%	50.0% #903773	RGB 144 55 115	#903773
66.7%	66.7% #A04273	RGB 160 66 115	#A04273
83.3%	83.3% #B14D72	RGB 177 77 114	#B14D72
100.0%	100.0% #C25A70	RGB 194 90 112	#C25A70

#551D5E #6E256D #7F2D71 #903773 #A04273 #B14D72 #C25A70

#551D5E - #903773 - #C25A70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551D5E 0%, #903773 50%, #C25A70 100%);
    background: -webkit-linear-gradient(top, #551D5E 0%, #903773 50%, #C25A70 100%);
    background: linear-gradient(to bottom, #551D5E 0%, #903773 50%, #C25A70 100%);
}
</style>