#3E1B5E - #130510 | 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 #3E1B5E to #130510

#3E1B5E #130510

Calculate the color between two colors, #3E1B5E and #130510. 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)

#3E1B5E - #130510 | 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 #3E1B5E as 0% and #130510 as 100%.

0.0%	0.0% #3E1B5E	RGB 62 27 94	#3E1B5E
16.7%	16.7% #361751	RGB 54 23 81	#361751
33.3%	33.3% #2F1344	RGB 47 19 68	#2F1344
50.0%	50.0% #281037	RGB 40 16 55	#281037
66.7%	66.7% #210C2A	RGB 33 12 42	#210C2A
83.3%	83.3% #1A081D	RGB 26 8 29	#1A081D
100.0%	100.0% #130510	RGB 19 5 16	#130510

#3E1B5E #361751 #2F1344 #281037 #210C2A #1A081D #130510

#3E1B5E - #130510

HSV Blend

#3E1B5E - #130510 | 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 #3E1B5E as 0% and #130510 as 100%.

0.0%	0.0% #3E1B5E	RGB 62 27 94	#3E1B5E
16.7%	16.7% #3C1751	RGB 60 23 81	#3C1751
33.3%	33.3% #381345	RGB 56 19 69	#381345
50.0%	50.0% #330F38	RGB 51 15 56	#330F38
66.7%	66.7% #2B0B2C	RGB 43 11 44	#2B0B2C
83.3%	83.3% #1F081D	RGB 31 8 29	#1F081D
100.0%	100.0% #130510	RGB 19 5 16	#130510

#3E1B5E #3C1751 #381345 #330F38 #2B0B2C #1F081D #130510

#3E1B5E - #330F38 - #130510

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1B5E 0%, #330F38 50%, #130510 100%);
    background: -webkit-linear-gradient(top, #3E1B5E 0%, #330F38 50%, #130510 100%);
    background: linear-gradient(to bottom, #3E1B5E 0%, #330F38 50%, #130510 100%);
}
</style>