#554A8D - #D99AA8 | 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 #554A8D to #D99AA8

#554A8D #D99AA8

Calculate the color between two colors, #554A8D and #D99AA8. 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)

#554A8D - #D99AA8 | 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 #554A8D as 0% and #D99AA8 as 100%.

0.0%	0.0% #554A8D	RGB 85 74 141	#554A8D
16.7%	16.7% #6B5791	RGB 107 87 145	#6B5791
33.3%	33.3% #816496	RGB 129 100 150	#816496
50.0%	50.0% #97729A	RGB 151 114 154	#97729A
66.7%	66.7% #AD7F9F	RGB 173 127 159	#AD7F9F
83.3%	83.3% #C38CA3	RGB 195 140 163	#C38CA3
100.0%	100.0% #D99AA8	RGB 217 154 168	#D99AA8

#554A8D #6B5791 #816496 #97729A #AD7F9F #C38CA3 #D99AA8

#554A8D - #D99AA8

HSV Blend

#554A8D - #D99AA8 | 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 #554A8D as 0% and #D99AA8 as 100%.

0.0%	0.0% #554A8D	RGB 85 74 141	#554A8D
16.7%	16.7% #725599	RGB 114 85 153	#725599
33.3%	33.3% #9161A6	RGB 145 97 166	#9161A6
50.0%	50.0% #B16EB3	RGB 177 110 179	#B16EB3
66.7%	66.7% #BF7CAF	RGB 191 124 175	#BF7CAF
83.3%	83.3% #CC8AAA	RGB 204 138 170	#CC8AAA
100.0%	100.0% #D99AA8	RGB 217 154 168	#D99AA8

#554A8D #725599 #9161A6 #B16EB3 #BF7CAF #CC8AAA #D99AA8

#554A8D - #B16EB3 - #D99AA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554A8D 0%, #B16EB3 50%, #D99AA8 100%);
    background: -webkit-linear-gradient(top, #554A8D 0%, #B16EB3 50%, #D99AA8 100%);
    background: linear-gradient(to bottom, #554A8D 0%, #B16EB3 50%, #D99AA8 100%);
}
</style>