#3E3C3E - #130234 | 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 #3E3C3E to #130234

#3E3C3E #130234

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

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #36323C	RGB 54 50 60	#36323C
33.3%	33.3% #2F283A	RGB 47 40 58	#2F283A
50.0%	50.0% #281F39	RGB 40 31 57	#281F39
66.7%	66.7% #211537	RGB 33 21 55	#211537
83.3%	83.3% #1A0B35	RGB 26 11 53	#1A0B35
100.0%	100.0% #130234	RGB 19 2 52	#130234

#3E3C3E #36323C #2F283A #281F39 #211537 #1A0B35 #130234

#3E3C3E - #130234

HSV Blend

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #3B313C	RGB 59 49 60	#3B313C
33.3%	33.3% #36263A	RGB 54 38 58	#36263A
50.0%	50.0% #2F1C39	RGB 47 28 57	#2F1C39
66.7%	66.7% #271337	RGB 39 19 55	#271337
83.3%	83.3% #1D0A35	RGB 29 10 53	#1D0A35
100.0%	100.0% #130234	RGB 19 2 52	#130234

#3E3C3E #3B313C #36263A #2F1C39 #271337 #1D0A35 #130234

#3E3C3E - #2F1C39 - #130234

CSS codes

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

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