#3E5E5B - #0E252D | 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 #3E5E5B to #0E252D

#3E5E5B #0E252D

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

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

0.0%	0.0% #3E5E5B	RGB 62 94 91	#3E5E5B
16.7%	16.7% #365453	RGB 54 84 83	#365453
33.3%	33.3% #2E4B4B	RGB 46 75 75	#2E4B4B
50.0%	50.0% #264144	RGB 38 65 68	#264144
66.7%	66.7% #1E383C	RGB 30 56 60	#1E383C
83.3%	83.3% #162E34	RGB 22 46 52	#162E34
100.0%	100.0% #0E252D	RGB 14 37 45	#0E252D

#3E5E5B #365453 #2E4B4B #264144 #1E383C #162E34 #0E252D

#3E5E5B - #0E252D

HSV Blend

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

0.0%	0.0% #3E5E5B	RGB 62 94 91	#3E5E5B
16.7%	16.7% #335554	RGB 51 85 84	#335554
33.3%	33.3% #2A4C4D	RGB 42 76 77	#2A4C4D
50.0%	50.0% #214245	RGB 33 66 69	#214245
66.7%	66.7% #1A383D	RGB 26 56 61	#1A383D
83.3%	83.3% #132E35	RGB 19 46 53	#132E35
100.0%	100.0% #0E252D	RGB 14 37 45	#0E252D

#3E5E5B #335554 #2A4C4D #214245 #1A383D #132E35 #0E252D

#3E5E5B - #214245 - #0E252D

CSS codes

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

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