#3E3E61 - #11111B | 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 #3E3E61 to #11111B

#3E3E61 #11111B

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

#3E3E61 - #11111B | 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 #3E3E61 as 0% and #11111B as 100%.

0.0%	0.0% #3E3E61	RGB 62 62 97	#3E3E61
16.7%	16.7% #363655	RGB 54 54 85	#363655
33.3%	33.3% #2F2F49	RGB 47 47 73	#2F2F49
50.0%	50.0% #27273E	RGB 39 39 62	#27273E
66.7%	66.7% #202032	RGB 32 32 50	#202032
83.3%	83.3% #181826	RGB 24 24 38	#181826
100.0%	100.0% #11111B	RGB 17 17 27	#11111B

#3E3E61 #363655 #2F2F49 #27273E #202032 #181826 #11111B

#3E3E61 - #11111B

HSV Blend

#3E3E61 - #11111B | 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 #3E3E61 as 0% and #11111B as 100%.

0.0%	0.0% #3E3E61	RGB 62 62 97	#3E3E61
16.7%	16.7% #363655	RGB 54 54 85	#363655
33.3%	33.3% #2E2E49	RGB 46 46 73	#2E2E49
50.0%	50.0% #27273E	RGB 39 39 62	#27273E
66.7%	66.7% #1F1F32	RGB 31 31 50	#1F1F32
83.3%	83.3% #181826	RGB 24 24 38	#181826
100.0%	100.0% #11111B	RGB 17 17 27	#11111B

#3E3E61 #363655 #2E2E49 #27273E #1F1F32 #181826 #11111B

#3E3E61 - #27273E - #11111B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E61 0%, #27273E 50%, #11111B 100%);
    background: -webkit-linear-gradient(top, #3E3E61 0%, #27273E 50%, #11111B 100%);
    background: linear-gradient(to bottom, #3E3E61 0%, #27273E 50%, #11111B 100%);
}
</style>