#3F3E5E - #210C1C | 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 #3F3E5E to #210C1C

#3F3E5E #210C1C

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

#3F3E5E - #210C1C | 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 #3F3E5E as 0% and #210C1C as 100%.

0.0%	0.0% #3F3E5E	RGB 63 62 94	#3F3E5E
16.7%	16.7% #3A3553	RGB 58 53 83	#3A3553
33.3%	33.3% #352D48	RGB 53 45 72	#352D48
50.0%	50.0% #30253D	RGB 48 37 61	#30253D
66.7%	66.7% #2B1C32	RGB 43 28 50	#2B1C32
83.3%	83.3% #261427	RGB 38 20 39	#261427
100.0%	100.0% #210C1C	RGB 33 12 28	#210C1C

#3F3E5E #3A3553 #352D48 #30253D #2B1C32 #261427 #210C1C

#3F3E5E - #210C1C

HSV Blend

#3F3E5E - #210C1C | 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 #3F3E5E as 0% and #210C1C as 100%.

0.0%	0.0% #3F3E5E	RGB 63 62 94	#3F3E5E
16.7%	16.7% #3A3353	RGB 58 51 83	#3A3353
33.3%	33.3% #372949	RGB 55 41 73	#372949
50.0%	50.0% #34203F	RGB 52 32 63	#34203F
66.7%	66.7% #301835	RGB 48 24 53	#301835
83.3%	83.3% #2B112A	RGB 43 17 42	#2B112A
100.0%	100.0% #210C1C	RGB 33 12 28	#210C1C

#3F3E5E #3A3353 #372949 #34203F #301835 #2B112A #210C1C

#3F3E5E - #34203F - #210C1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F3E5E 0%, #34203F 50%, #210C1C 100%);
    background: -webkit-linear-gradient(top, #3F3E5E 0%, #34203F 50%, #210C1C 100%);
    background: linear-gradient(to bottom, #3F3E5E 0%, #34203F 50%, #210C1C 100%);
}
</style>