#932FD3 - #290D3C | 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 #932FD3 to #290D3C

#932FD3 #290D3C

Calculate the color between two colors, #932FD3 and #290D3C. 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)

#932FD3 - #290D3C | 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 #932FD3 as 0% and #290D3C as 100%.

0.0%	0.0% #932FD3	RGB 147 47 211	#932FD3
16.7%	16.7% #8129B9	RGB 129 41 185	#8129B9
33.3%	33.3% #6F23A0	RGB 111 35 160	#6F23A0
50.0%	50.0% #5E1E87	RGB 94 30 135	#5E1E87
66.7%	66.7% #4C186E	RGB 76 24 110	#4C186E
83.3%	83.3% #3A1255	RGB 58 18 85	#3A1255
100.0%	100.0% #290D3C	RGB 41 13 60	#290D3C

#932FD3 #8129B9 #6F23A0 #5E1E87 #4C186E #3A1255 #290D3C

#932FD3 - #290D3C

HSV Blend

#932FD3 - #290D3C | 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 #932FD3 as 0% and #290D3C as 100%.

0.0%	0.0% #922FD3	RGB 146 47 211	#922FD3
16.7%	16.7% #8129B9	RGB 129 41 185	#8129B9
33.3%	33.3% #6F23A0	RGB 111 35 160	#6F23A0
50.0%	50.0% #5D1D87	RGB 93 29 135	#5D1D87
66.7%	66.7% #4B186E	RGB 75 24 110	#4B186E
83.3%	83.3% #3A1255	RGB 58 18 85	#3A1255
100.0%	100.0% #290D3C	RGB 41 13 60	#290D3C

#922FD3 #8129B9 #6F23A0 #5D1D87 #4B186E #3A1255 #290D3C

#932FD3 - #5D1D87 - #290D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #922FD3 0%, #5D1D87 50%, #290D3C 100%);
    background: -webkit-linear-gradient(top, #922FD3 0%, #5D1D87 50%, #290D3C 100%);
    background: linear-gradient(to bottom, #922FD3 0%, #5D1D87 50%, #290D3C 100%);
}
</style>