#D30040 - #DFB5FF | 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 #D30040 to #DFB5FF

#D30040 #DFB5FF

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

#D30040 - #DFB5FF | 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 #D30040 as 0% and #DFB5FF as 100%.

0.0%	0.0% #D30040	RGB 211 0 64	#D30040
16.7%	16.7% #D51E5F	RGB 213 30 95	#D51E5F
33.3%	33.3% #D73C7F	RGB 215 60 127	#D73C7F
50.0%	50.0% #D95A9F	RGB 217 90 159	#D95A9F
66.7%	66.7% #DB78BF	RGB 219 120 191	#DB78BF
83.3%	83.3% #DD96DF	RGB 221 150 223	#DD96DF
100.0%	100.0% #DFB5FF	RGB 223 181 255	#DFB5FF

#D30040 #D51E5F #D73C7F #D95A9F #DB78BF #DD96DF #DFB5FF

#D30040 - #DFB5FF

HSV Blend

#D30040 - #DFB5FF | 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 #D30040 as 0% and #DFB5FF as 100%.

0.0%	0.0% #D3003F	RGB 211 0 63	#D3003F
16.7%	16.7% #DA1978	RGB 218 25 120	#DA1978
33.3%	33.3% #E135AA	RGB 225 53 170	#E135AA
50.0%	50.0% #E952D5	RGB 233 82 213	#E952D5
66.7%	66.7% #E971F0	RGB 233 113 240	#E971F0
83.3%	83.3% #DE92F7	RGB 222 146 247	#DE92F7
100.0%	100.0% #DFB5FF	RGB 223 181 255	#DFB5FF

#D3003F #DA1978 #E135AA #E952D5 #E971F0 #DE92F7 #DFB5FF

#D30040 - #E952D5 - #DFB5FF

CSS codes

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

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