#4D3DFF - #DFADFF | 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 #4D3DFF to #DFADFF

#4D3DFF #DFADFF

Calculate the color between two colors, #4D3DFF and #DFADFF. 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)

#4D3DFF - #DFADFF | 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 #4D3DFF as 0% and #DFADFF as 100%.

0.0%	0.0% #4D3DFF	RGB 77 61 255	#4D3DFF
16.7%	16.7% #654FFF	RGB 101 79 255	#654FFF
33.3%	33.3% #7D62FF	RGB 125 98 255	#7D62FF
50.0%	50.0% #9675FF	RGB 150 117 255	#9675FF
66.7%	66.7% #AE87FF	RGB 174 135 255	#AE87FF
83.3%	83.3% #C69AFF	RGB 198 154 255	#C69AFF
100.0%	100.0% #DFADFF	RGB 223 173 255	#DFADFF

#4D3DFF #654FFF #7D62FF #9675FF #AE87FF #C69AFF #DFADFF

#4D3DFF - #DFADFF

HSV Blend

#4D3DFF - #DFADFF | 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 #4D3DFF as 0% and #DFADFF as 100%.

0.0%	0.0% #4C3DFF	RGB 76 61 255	#4C3DFF
16.7%	16.7% #6D4FFF	RGB 109 79 255	#6D4FFF
33.3%	33.3% #8A62FF	RGB 138 98 255	#8A62FF
50.0%	50.0% #A475FF	RGB 164 117 255	#A475FF
66.7%	66.7% #BB87FF	RGB 187 135 255	#BB87FF
83.3%	83.3% #CE9AFF	RGB 206 154 255	#CE9AFF
100.0%	100.0% #DFADFF	RGB 223 173 255	#DFADFF

#4C3DFF #6D4FFF #8A62FF #A475FF #BB87FF #CE9AFF #DFADFF

#4D3DFF - #A475FF - #DFADFF

CSS codes

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

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