#DF75C7 - #A41385 | 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 #DF75C7 to #A41385

#DF75C7 #A41385

Calculate the color between two colors, #DF75C7 and #A41385. 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)

#DF75C7 - #A41385 | 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 #DF75C7 as 0% and #A41385 as 100%.

0.0%	0.0% #DF75C7	RGB 223 117 199	#DF75C7
16.7%	16.7% #D564BC	RGB 213 100 188	#D564BC
33.3%	33.3% #CB54B1	RGB 203 84 177	#CB54B1
50.0%	50.0% #C144A6	RGB 193 68 166	#C144A6
66.7%	66.7% #B7339B	RGB 183 51 155	#B7339B
83.3%	83.3% #AD2390	RGB 173 35 144	#AD2390
100.0%	100.0% #A41385	RGB 164 19 133	#A41385

#DF75C7 #D564BC #CB54B1 #C144A6 #B7339B #AD2390 #A41385

#DF75C7 - #A41385

HSV Blend

#DF75C7 - #A41385 | 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 #DF75C7 as 0% and #A41385 as 100%.

0.0%	0.0% #DF75C7	RGB 223 117 199	#DF75C7
16.7%	16.7% #D561BB	RGB 213 97 187	#D561BB
33.3%	33.3% #CB4EAF	RGB 203 78 175	#CB4EAF
50.0%	50.0% #C13DA4	RGB 193 61 164	#C13DA4
66.7%	66.7% #B72E99	RGB 183 46 153	#B72E99
83.3%	83.3% #AD1F8F	RGB 173 31 143	#AD1F8F
100.0%	100.0% #A41385	RGB 164 19 133	#A41385

#DF75C7 #D561BB #CB4EAF #C13DA4 #B72E99 #AD1F8F #A41385

#DF75C7 - #C13DA4 - #A41385

CSS codes

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

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