#3E3C64 - #260816 | 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 #3E3C64 to #260816

#3E3C64 #260816

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

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

0.0%	0.0% #3E3C64	RGB 62 60 100	#3E3C64
16.7%	16.7% #3A3357	RGB 58 51 87	#3A3357
33.3%	33.3% #362A4A	RGB 54 42 74	#362A4A
50.0%	50.0% #32223D	RGB 50 34 61	#32223D
66.7%	66.7% #2E1930	RGB 46 25 48	#2E1930
83.3%	83.3% #2A1023	RGB 42 16 35	#2A1023
100.0%	100.0% #260816	RGB 38 8 22	#260816

#3E3C64 #3A3357 #362A4A #32223D #2E1930 #2A1023 #260816

#3E3C64 - #260816

HSV Blend

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

0.0%	0.0% #3E3C64	RGB 62 60 100	#3E3C64
16.7%	16.7% #3C2F59	RGB 60 47 89	#3C2F59
33.3%	33.3% #3C254F	RGB 60 37 79	#3C254F
50.0%	50.0% #3C1B45	RGB 60 27 69	#3C1B45
66.7%	66.7% #3A1339	RGB 58 19 57	#3A1339
83.3%	83.3% #300D26	RGB 48 13 38	#300D26
100.0%	100.0% #260816	RGB 38 8 22	#260816

#3E3C64 #3C2F59 #3C254F #3C1B45 #3A1339 #300D26 #260816

#3E3C64 - #3C1B45 - #260816

CSS codes

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

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