#553C92 - #CE8CAF | 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 #553C92 to #CE8CAF

#553C92 #CE8CAF

Calculate the color between two colors, #553C92 and #CE8CAF. 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)

#553C92 - #CE8CAF | 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 #553C92 as 0% and #CE8CAF as 100%.

0.0%	0.0% #553C92	RGB 85 60 146	#553C92
16.7%	16.7% #694996	RGB 105 73 150	#694996
33.3%	33.3% #7D569B	RGB 125 86 155	#7D569B
50.0%	50.0% #9164A0	RGB 145 100 160	#9164A0
66.7%	66.7% #A571A5	RGB 165 113 165	#A571A5
83.3%	83.3% #B97EAA	RGB 185 126 170	#B97EAA
100.0%	100.0% #CE8CAF	RGB 206 140 175	#CE8CAF

#553C92 #694996 #7D569B #9164A0 #A571A5 #B97EAA #CE8CAF

#553C92 - #CE8CAF

HSV Blend

#553C92 - #CE8CAF | 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 #553C92 as 0% and #CE8CAF as 100%.

0.0%	0.0% #543C92	RGB 84 60 146	#543C92
16.7%	16.7% #70479C	RGB 112 71 156	#70479C
33.3%	33.3% #8B53A6	RGB 139 83 166	#8B53A6
50.0%	50.0% #A65FB0	RGB 166 95 176	#A65FB0
66.7%	66.7% #BA6DB4	RGB 186 109 180	#BA6DB4
83.3%	83.3% #C47CB0	RGB 196 124 176	#C47CB0
100.0%	100.0% #CE8CAF	RGB 206 140 175	#CE8CAF

#543C92 #70479C #8B53A6 #A65FB0 #BA6DB4 #C47CB0 #CE8CAF

#553C92 - #A65FB0 - #CE8CAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #543C92 0%, #A65FB0 50%, #CE8CAF 100%);
    background: -webkit-linear-gradient(top, #543C92 0%, #A65FB0 50%, #CE8CAF 100%);
    background: linear-gradient(to bottom, #543C92 0%, #A65FB0 50%, #CE8CAF 100%);
}
</style>