#DD72DF - #76009E | 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 #DD72DF to #76009E

#DD72DF #76009E

Calculate the color between two colors, #DD72DF and #76009E. 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)

#DD72DF - #76009E | 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 #DD72DF as 0% and #76009E as 100%.

0.0%	0.0% #DD72DF	RGB 221 114 223	#DD72DF
16.7%	16.7% #CB5FD4	RGB 203 95 212	#CB5FD4
33.3%	33.3% #BA4CC9	RGB 186 76 201	#BA4CC9
50.0%	50.0% #A939BE	RGB 169 57 190	#A939BE
66.7%	66.7% #9826B3	RGB 152 38 179	#9826B3
83.3%	83.3% #8713A8	RGB 135 19 168	#8713A8
100.0%	100.0% #76009E	RGB 118 0 158	#76009E

#DD72DF #CB5FD4 #BA4CC9 #A939BE #9826B3 #8713A8 #76009E

#DD72DF - #76009E

HSV Blend

#DD72DF - #76009E | 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 #DD72DF as 0% and #76009E as 100%.

0.0%	0.0% #DD72DF	RGB 221 114 223	#DD72DF
16.7%	16.7% #CD5AD4	RGB 205 90 212	#CD5AD4
33.3%	33.3% #BC44C9	RGB 188 68 201	#BC44C9
50.0%	50.0% #AB30BE	RGB 171 48 190	#AB30BE
66.7%	66.7% #991EB3	RGB 153 30 179	#991EB3
83.3%	83.3% #870EA8	RGB 135 14 168	#870EA8
100.0%	100.0% #76009E	RGB 118 0 158	#76009E

#DD72DF #CD5AD4 #BC44C9 #AB30BE #991EB3 #870EA8 #76009E

#DD72DF - #AB30BE - #76009E

CSS codes

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

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