#5E00FE - #D0B6FE | 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 #5E00FE to #D0B6FE

#5E00FE #D0B6FE

Calculate the color between two colors, #5E00FE and #D0B6FE. 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)

#5E00FE - #D0B6FE | 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 #5E00FE as 0% and #D0B6FE as 100%.

0.0%	0.0% #5E00FE	RGB 94 0 254	#5E00FE
16.7%	16.7% #711EFE	RGB 113 30 254	#711EFE
33.3%	33.3% #843CFE	RGB 132 60 254	#843CFE
50.0%	50.0% #975BFE	RGB 151 91 254	#975BFE
66.7%	66.7% #AA79FE	RGB 170 121 254	#AA79FE
83.3%	83.3% #BD97FE	RGB 189 151 254	#BD97FE
100.0%	100.0% #D0B6FE	RGB 208 182 254	#D0B6FE

#5E00FE #711EFE #843CFE #975BFE #AA79FE #BD97FE #D0B6FE

#5E00FE - #D0B6FE

HSV Blend

#5E00FE - #D0B6FE | 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 #5E00FE as 0% and #D0B6FE as 100%.

0.0%	0.0% #5E00FE	RGB 94 0 254	#5E00FE
16.7%	16.7% #701EFE	RGB 112 30 254	#701EFE
33.3%	33.3% #833CFE	RGB 131 60 254	#833CFE
50.0%	50.0% #965BFE	RGB 150 91 254	#965BFE
66.7%	66.7% #A979FE	RGB 169 121 254	#A979FE
83.3%	83.3% #BC97FE	RGB 188 151 254	#BC97FE
100.0%	100.0% #D0B6FE	RGB 208 182 254	#D0B6FE

#5E00FE #701EFE #833CFE #965BFE #A979FE #BC97FE #D0B6FE

#5E00FE - #965BFE - #D0B6FE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E00FE 0%, #965BFE 50%, #D0B6FE 100%);
    background: -webkit-linear-gradient(top, #5E00FE 0%, #965BFE 50%, #D0B6FE 100%);
    background: linear-gradient(to bottom, #5E00FE 0%, #965BFE 50%, #D0B6FE 100%);
}
</style>