#8439FF - #DC4DFF | 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 #8439FF to #DC4DFF

#8439FF #DC4DFF

Calculate the color between two colors, #8439FF and #DC4DFF. 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)

#8439FF - #DC4DFF | 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 #8439FF as 0% and #DC4DFF as 100%.

0.0%	0.0% #8439FF	RGB 132 57 255	#8439FF
16.7%	16.7% #923CFF	RGB 146 60 255	#923CFF
33.3%	33.3% #A13FFF	RGB 161 63 255	#A13FFF
50.0%	50.0% #B043FF	RGB 176 67 255	#B043FF
66.7%	66.7% #BE46FF	RGB 190 70 255	#BE46FF
83.3%	83.3% #CD49FF	RGB 205 73 255	#CD49FF
100.0%	100.0% #DC4DFF	RGB 220 77 255	#DC4DFF

#8439FF #923CFF #A13FFF #B043FF #BE46FF #CD49FF #DC4DFF

#8439FF - #DC4DFF

HSV Blend

#8439FF - #DC4DFF | 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 #8439FF as 0% and #DC4DFF as 100%.

0.0%	0.0% #8339FF	RGB 131 57 255	#8339FF
16.7%	16.7% #933CFF	RGB 147 60 255	#933CFF
33.3%	33.3% #A33FFF	RGB 163 63 255	#A33FFF
50.0%	50.0% #B243FF	RGB 178 67 255	#B243FF
66.7%	66.7% #C046FF	RGB 192 70 255	#C046FF
83.3%	83.3% #CE49FF	RGB 206 73 255	#CE49FF
100.0%	100.0% #DC4DFF	RGB 220 77 255	#DC4DFF

#8339FF #933CFF #A33FFF #B243FF #C046FF #CE49FF #DC4DFF

#8439FF - #B243FF - #DC4DFF

CSS codes

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

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