#DF06C2 - #72007B | 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 #DF06C2 to #72007B

#DF06C2 #72007B

Calculate the color between two colors, #DF06C2 and #72007B. 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)

#DF06C2 - #72007B | 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 #DF06C2 as 0% and #72007B as 100%.

0.0%	0.0% #DF06C2	RGB 223 6 194	#DF06C2
16.7%	16.7% #CC05B6	RGB 204 5 182	#CC05B6
33.3%	33.3% #BA04AA	RGB 186 4 170	#BA04AA
50.0%	50.0% #A8039E	RGB 168 3 158	#A8039E
66.7%	66.7% #960292	RGB 150 2 146	#960292
83.3%	83.3% #840186	RGB 132 1 134	#840186
100.0%	100.0% #72007B	RGB 114 0 123	#72007B

#DF06C2 #CC05B6 #BA04AA #A8039E #960292 #840186 #72007B

#DF06C2 - #72007B

HSV Blend

#DF06C2 - #72007B | 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 #DF06C2 as 0% and #72007B as 100%.

0.0%	0.0% #DF06C2	RGB 223 6 194	#DF06C2
16.7%	16.7% #CE04BA	RGB 206 4 186	#CE04BA
33.3%	33.3% #BD03B1	RGB 189 3 177	#BD03B1
50.0%	50.0% #AD02A7	RGB 173 2 167	#AD02A7
66.7%	66.7% #9B019C	RGB 155 1 156	#9B019C
83.3%	83.3% #86008B	RGB 134 0 139	#86008B
100.0%	100.0% #72007B	RGB 114 0 123	#72007B

#DF06C2 #CE04BA #BD03B1 #AD02A7 #9B019C #86008B #72007B

#DF06C2 - #AD02A7 - #72007B

CSS codes

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

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