#3F3EB6 - #2D004C | 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 #3F3EB6 to #2D004C

#3F3EB6 #2D004C

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

#3F3EB6 - #2D004C | 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 #3F3EB6 as 0% and #2D004C as 100%.

0.0%	0.0% #3F3EB6	RGB 63 62 182	#3F3EB6
16.7%	16.7% #3C33A4	RGB 60 51 164	#3C33A4
33.3%	33.3% #392992	RGB 57 41 146	#392992
50.0%	50.0% #361F81	RGB 54 31 129	#361F81
66.7%	66.7% #33146F	RGB 51 20 111	#33146F
83.3%	83.3% #300A5D	RGB 48 10 93	#300A5D
100.0%	100.0% #2D004C	RGB 45 0 76	#2D004C

#3F3EB6 #3C33A4 #392992 #361F81 #33146F #300A5D #2D004C

#3F3EB6 - #2D004C

HSV Blend

#3F3EB6 - #2D004C | 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 #3F3EB6 as 0% and #2D004C as 100%.

0.0%	0.0% #3E3EB6	RGB 62 62 182	#3E3EB6
16.7%	16.7% #3B2EA4	RGB 59 46 164	#3B2EA4
33.3%	33.3% #382192	RGB 56 33 146	#382192
50.0%	50.0% #361581	RGB 54 21 129	#361581
66.7%	66.7% #330C6F	RGB 51 12 111	#330C6F
83.3%	83.3% #31055D	RGB 49 5 93	#31055D
100.0%	100.0% #2D004C	RGB 45 0 76	#2D004C

#3E3EB6 #3B2EA4 #382192 #361581 #330C6F #31055D #2D004C

#3F3EB6 - #361581 - #2D004C

CSS codes

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

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