#DF7DD7 - #3F233C | 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 #DF7DD7 to #3F233C

#DF7DD7 #3F233C

Calculate the color between two colors, #DF7DD7 and #3F233C. 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)

#DF7DD7 - #3F233C | 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 #DF7DD7 as 0% and #3F233C as 100%.

0.0%	0.0% #DF7DD7	RGB 223 125 215	#DF7DD7
16.7%	16.7% #C46EBD	RGB 196 110 189	#C46EBD
33.3%	33.3% #A95FA3	RGB 169 95 163	#A95FA3
50.0%	50.0% #8F5089	RGB 143 80 137	#8F5089
66.7%	66.7% #74416F	RGB 116 65 111	#74416F
83.3%	83.3% #593255	RGB 89 50 85	#593255
100.0%	100.0% #3F233C	RGB 63 35 60	#3F233C

#DF7DD7 #C46EBD #A95FA3 #8F5089 #74416F #593255 #3F233C

#DF7DD7 - #3F233C

HSV Blend

#DF7DD7 - #3F233C | 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 #DF7DD7 as 0% and #3F233C as 100%.

0.0%	0.0% #DF7DD7	RGB 223 125 215	#DF7DD7
16.7%	16.7% #C46DBC	RGB 196 109 188	#C46DBC
33.3%	33.3% #A95EA2	RGB 169 94 162	#A95EA2
50.0%	50.0% #8F4F89	RGB 143 79 137	#8F4F89
66.7%	66.7% #74406F	RGB 116 64 111	#74406F
83.3%	83.3% #593155	RGB 89 49 85	#593155
100.0%	100.0% #3F233C	RGB 63 35 60	#3F233C

#DF7DD7 #C46DBC #A95EA2 #8F4F89 #74406F #593155 #3F233C

#DF7DD7 - #8F4F89 - #3F233C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DF7DD7 0%, #8F4F89 50%, #3F233C 100%);
    background: -webkit-linear-gradient(top, #DF7DD7 0%, #8F4F89 50%, #3F233C 100%);
    background: linear-gradient(to bottom, #DF7DD7 0%, #8F4F89 50%, #3F233C 100%);
}
</style>