#624D9A - #DF9DB1 | 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 #624D9A to #DF9DB1

#624D9A #DF9DB1

Calculate the color between two colors, #624D9A and #DF9DB1. 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)

#624D9A - #DF9DB1 | 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 #624D9A as 0% and #DF9DB1 as 100%.

0.0%	0.0% #624D9A	RGB 98 77 154	#624D9A
16.7%	16.7% #765A9D	RGB 118 90 157	#765A9D
33.3%	33.3% #8B67A1	RGB 139 103 161	#8B67A1
50.0%	50.0% #A075A5	RGB 160 117 165	#A075A5
66.7%	66.7% #B582A9	RGB 181 130 169	#B582A9
83.3%	83.3% #CA8FAD	RGB 202 143 173	#CA8FAD
100.0%	100.0% #DF9DB1	RGB 223 157 177	#DF9DB1

#624D9A #765A9D #8B67A1 #A075A5 #B582A9 #CA8FAD #DF9DB1

#624D9A - #DF9DB1

HSV Blend

#624D9A - #DF9DB1 | 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 #624D9A as 0% and #DF9DB1 as 100%.

0.0%	0.0% #624D9A	RGB 98 77 154	#624D9A
16.7%	16.7% #7F58A5	RGB 127 88 165	#7F58A5
33.3%	33.3% #9D64B1	RGB 157 100 177	#9D64B1
50.0%	50.0% #BB71BC	RGB 187 113 188	#BB71BC
66.7%	66.7% #C87FB7	RGB 200 127 183	#C87FB7
83.3%	83.3% #D38DB3	RGB 211 141 179	#D38DB3
100.0%	100.0% #DF9DB1	RGB 223 157 177	#DF9DB1

#624D9A #7F58A5 #9D64B1 #BB71BC #C87FB7 #D38DB3 #DF9DB1

#624D9A - #BB71BC - #DF9DB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #624D9A 0%, #BB71BC 50%, #DF9DB1 100%);
    background: -webkit-linear-gradient(top, #624D9A 0%, #BB71BC 50%, #DF9DB1 100%);
    background: linear-gradient(to bottom, #624D9A 0%, #BB71BC 50%, #DF9DB1 100%);
}
</style>