#604A8D - #DF98A4 | 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 #604A8D to #DF98A4

#604A8D #DF98A4

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

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

0.0%	0.0% #604A8D	RGB 96 74 141	#604A8D
16.7%	16.7% #755790	RGB 117 87 144	#755790
33.3%	33.3% #8A6494	RGB 138 100 148	#8A6494
50.0%	50.0% #9F7198	RGB 159 113 152	#9F7198
66.7%	66.7% #B47E9C	RGB 180 126 156	#B47E9C
83.3%	83.3% #C98BA0	RGB 201 139 160	#C98BA0
100.0%	100.0% #DF98A4	RGB 223 152 164	#DF98A4

#604A8D #755790 #8A6494 #9F7198 #B47E9C #C98BA0 #DF98A4

#604A8D - #DF98A4

HSV Blend

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

0.0%	0.0% #604A8D	RGB 96 74 141	#604A8D
16.7%	16.7% #7D559A	RGB 125 85 154	#7D559A
33.3%	33.3% #9C61A8	RGB 156 97 168	#9C61A8
50.0%	50.0% #B66DB0	RGB 182 109 176	#B66DB0
66.7%	66.7% #C37BAB	RGB 195 123 171	#C37BAB
83.3%	83.3% #D189A7	RGB 209 137 167	#D189A7
100.0%	100.0% #DF98A4	RGB 223 152 164	#DF98A4

#604A8D #7D559A #9C61A8 #B66DB0 #C37BAB #D189A7 #DF98A4

#604A8D - #B66DB0 - #DF98A4

CSS codes

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

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