#3E5E53 - #122228 | 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 #3E5E53 to #122228

#3E5E53 #122228

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

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

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #36544B	RGB 54 84 75	#36544B
33.3%	33.3% #2F4A44	RGB 47 74 68	#2F4A44
50.0%	50.0% #28403D	RGB 40 64 61	#28403D
66.7%	66.7% #203636	RGB 32 54 54	#203636
83.3%	83.3% #192C2F	RGB 25 44 47	#192C2F
100.0%	100.0% #122228	RGB 18 34 40	#122228

#3E5E53 #36544B #2F4A44 #28403D #203636 #192C2F #122228

#3E5E53 - #122228

HSV Blend

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

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #35554D	RGB 53 85 77	#35554D
33.3%	33.3% #2C4C47	RGB 44 76 71	#2C4C47
50.0%	50.0% #254341	RGB 37 67 65	#254341
66.7%	66.7% #1E383A	RGB 30 56 58	#1E383A
83.3%	83.3% #172C31	RGB 23 44 49	#172C31
100.0%	100.0% #122228	RGB 18 34 40	#122228

#3E5E53 #35554D #2C4C47 #254341 #1E383A #172C31 #122228

#3E5E53 - #254341 - #122228

CSS codes

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

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