#55276B - #CEC1D4 | 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 #CEC1D4

#55276B #CEC1D4

Calculate the color between two colors, #55276B and #CEC1D4. 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 - #CEC1D4 | 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 #CEC1D4 as 100%.

0.0%	0.0% #55276B	RGB 85 39 107	#55276B
16.7%	16.7% #69407C	RGB 105 64 124	#69407C
33.3%	33.3% #7D5A8E	RGB 125 90 142	#7D5A8E
50.0%	50.0% #91749F	RGB 145 116 159	#91749F
66.7%	66.7% #A58DB1	RGB 165 141 177	#A58DB1
83.3%	83.3% #B9A7C2	RGB 185 167 194	#B9A7C2
100.0%	100.0% #CEC1D4	RGB 206 193 212	#CEC1D4

#55276B #69407C #7D5A8E #91749F #A58DB1 #B9A7C2 #CEC1D4

#55276B - #CEC1D4

HSV Blend

#55276B - #CEC1D4 | 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 #CEC1D4 as 100%.

0.0%	0.0% #54276B	RGB 84 39 107	#54276B
16.7%	16.7% #66387C	RGB 102 56 124	#66387C
33.3%	33.3% #794D8E	RGB 121 77 142	#794D8E
50.0%	50.0% #8D659F	RGB 141 101 159	#8D659F
66.7%	66.7% #A180B1	RGB 161 128 177	#A180B1
83.3%	83.3% #B79FC2	RGB 183 159 194	#B79FC2
100.0%	100.0% #CEC1D4	RGB 206 193 212	#CEC1D4

#54276B #66387C #794D8E #8D659F #A180B1 #B79FC2 #CEC1D4

#55276B - #8D659F - #CEC1D4

CSS codes

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

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