#3E4B5E - #11151A | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3E4B5E a #11151A

#3E4B5E #11151A

Calcule el color entre dos colores, #3E4B5E y #11151A. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3E4B5E - #11151A | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3E4B5E como 0% y #11151A como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #364252	RGB 54 66 82	#364252
33.3%	33.3% #2F3947	RGB 47 57 71	#2F3947
50.0%	50.0% #27303C	RGB 39 48 60	#27303C
66.7%	66.7% #202730	RGB 32 39 48	#202730
83.3%	83.3% #181E25	RGB 24 30 37	#181E25
100.0%	100.0% #11151A	RGB 17 21 26	#11151A

#3E4B5E #364252 #2F3947 #27303C #202730 #181E25 #11151A

#3E4B5E - #11151A

Mezcla HSV

#3E4B5E - #11151A | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3E4B5E como 0% y #11151A como 100%.

0.0%	0.0% #3E4B5E	RGB 62 75 94	#3E4B5E
16.7%	16.7% #364252	RGB 54 66 82	#364252
33.3%	33.3% #2E3947	RGB 46 57 71	#2E3947
50.0%	50.0% #27303C	RGB 39 48 60	#27303C
66.7%	66.7% #1F2730	RGB 31 39 48	#1F2730
83.3%	83.3% #181E25	RGB 24 30 37	#181E25
100.0%	100.0% #11151A	RGB 17 21 26	#11151A

#3E4B5E #364252 #2E3947 #27303C #1F2730 #181E25 #11151A

#3E4B5E - #27303C - #11151A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4B5E 0%, #27303C 50%, #11151A 100%);
    background: -webkit-linear-gradient(top, #3E4B5E 0%, #27303C 50%, #11151A 100%);
    background: linear-gradient(to bottom, #3E4B5E 0%, #27303C 50%, #11151A 100%);
}
</style>