#DF74CF - #3F213B | 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 #DF74CF to #3F213B

#DF74CF #3F213B

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

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

0.0%	0.0% #DF74CF	RGB 223 116 207	#DF74CF
16.7%	16.7% #C466B6	RGB 196 102 182	#C466B6
33.3%	33.3% #A9589D	RGB 169 88 157	#A9589D
50.0%	50.0% #8F4A85	RGB 143 74 133	#8F4A85
66.7%	66.7% #743C6C	RGB 116 60 108	#743C6C
83.3%	83.3% #592E53	RGB 89 46 83	#592E53
100.0%	100.0% #3F213B	RGB 63 33 59	#3F213B

#DF74CF #C466B6 #A9589D #8F4A85 #743C6C #592E53 #3F213B

#DF74CF - #3F213B

HSV Blend

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

0.0%	0.0% #DF74CF	RGB 223 116 207	#DF74CF
16.7%	16.7% #C466B6	RGB 196 102 182	#C466B6
33.3%	33.3% #A9589D	RGB 169 88 157	#A9589D
50.0%	50.0% #8F4A85	RGB 143 74 133	#8F4A85
66.7%	66.7% #743C6C	RGB 116 60 108	#743C6C
83.3%	83.3% #592E53	RGB 89 46 83	#592E53
100.0%	100.0% #3F213B	RGB 63 33 59	#3F213B

#DF74CF #C466B6 #A9589D #8F4A85 #743C6C #592E53 #3F213B

#DF74CF - #8F4A85 - #3F213B

CSS codes

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

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