#DF7EE1 - #7C0BA1 | 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 #DF7EE1 to #7C0BA1

#DF7EE1 #7C0BA1

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

#DF7EE1 - #7C0BA1 | 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 #DF7EE1 as 0% and #7C0BA1 as 100%.

0.0%	0.0% #DF7EE1	RGB 223 126 225	#DF7EE1
16.7%	16.7% #CE6AD6	RGB 206 106 214	#CE6AD6
33.3%	33.3% #BE57CB	RGB 190 87 203	#BE57CB
50.0%	50.0% #AD44C1	RGB 173 68 193	#AD44C1
66.7%	66.7% #9D31B6	RGB 157 49 182	#9D31B6
83.3%	83.3% #8C1EAB	RGB 140 30 171	#8C1EAB
100.0%	100.0% #7C0BA1	RGB 124 11 161	#7C0BA1

#DF7EE1 #CE6AD6 #BE57CB #AD44C1 #9D31B6 #8C1EAB #7C0BA1

#DF7EE1 - #7C0BA1

HSV Blend

#DF7EE1 - #7C0BA1 | 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 #DF7EE1 as 0% and #7C0BA1 as 100%.

0.0%	0.0% #DF7EE1	RGB 223 126 225	#DF7EE1
16.7%	16.7% #CF66D6	RGB 207 102 214	#CF66D6
33.3%	33.3% #BF50CB	RGB 191 80 203	#BF50CB
50.0%	50.0% #AF3CC1	RGB 175 60 193	#AF3CC1
66.7%	66.7% #9E2AB6	RGB 158 42 182	#9E2AB6
83.3%	83.3% #8D19AB	RGB 141 25 171	#8D19AB
100.0%	100.0% #7C0BA1	RGB 124 11 161	#7C0BA1

#DF7EE1 #CF66D6 #BF50CB #AF3CC1 #9E2AB6 #8D19AB #7C0BA1

#DF7EE1 - #AF3CC1 - #7C0BA1

CSS codes

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

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