#3F1B5E - #191E19 | 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 #3F1B5E to #191E19

#3F1B5E #191E19

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

#3F1B5E - #191E19 | 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 #3F1B5E as 0% and #191E19 as 100%.

0.0%	0.0% #3F1B5E	RGB 63 27 94	#3F1B5E
16.7%	16.7% #381B52	RGB 56 27 82	#381B52
33.3%	33.3% #321C47	RGB 50 28 71	#321C47
50.0%	50.0% #2C1C3B	RGB 44 28 59	#2C1C3B
66.7%	66.7% #251D30	RGB 37 29 48	#251D30
83.3%	83.3% #1F1D24	RGB 31 29 36	#1F1D24
100.0%	100.0% #191E19	RGB 25 30 25	#191E19

#3F1B5E #381B52 #321C47 #2C1C3B #251D30 #1F1D24 #191E19

#3F1B5E - #191E19

HSV Blend

#3F1B5E - #191E19 | 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 #3F1B5E as 0% and #191E19 as 100%.

0.0%	0.0% #3F1B5E	RGB 63 27 94	#3F1B5E
16.7%	16.7% #251F53	RGB 37 31 83	#251F53
33.3%	33.3% #222D48	RGB 34 45 72	#222D48
50.0%	50.0% #22363E	RGB 34 54 62	#22363E
66.7%	66.7% #213330	RGB 33 51 48	#213330
83.3%	83.3% #1E2822	RGB 30 40 34	#1E2822
100.0%	100.0% #191E19	RGB 25 30 25	#191E19

#3F1B5E #251F53 #222D48 #22363E #213330 #1E2822 #191E19

#3F1B5E - #22363E - #191E19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F1B5E 0%, #22363E 50%, #191E19 100%);
    background: -webkit-linear-gradient(top, #3F1B5E 0%, #22363E 50%, #191E19 100%);
    background: linear-gradient(to bottom, #3F1B5E 0%, #22363E 50%, #191E19 100%);
}
</style>