#3E8994 - #11272A | 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 #3E8994 a #11272A

#3E8994 #11272A

Calcule el color entre dos colores, #3E8994 y #11272A. 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)

#3E8994 - #11272A | 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 #3E8994 como 0% y #11272A como 100%.

0.0%	0.0% #3E8994	RGB 62 137 148	#3E8994
16.7%	16.7% #367882	RGB 54 120 130	#367882
33.3%	33.3% #2F6870	RGB 47 104 112	#2F6870
50.0%	50.0% #27585F	RGB 39 88 95	#27585F
66.7%	66.7% #20474D	RGB 32 71 77	#20474D
83.3%	83.3% #18373B	RGB 24 55 59	#18373B
100.0%	100.0% #11272A	RGB 17 39 42	#11272A

#3E8994 #367882 #2F6870 #27585F #20474D #18373B #11272A

#3E8994 - #11272A

Mezcla HSV

#3E8994 - #11272A | 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 #3E8994 como 0% y #11272A como 100%.

0.0%	0.0% #3E8994	RGB 62 137 148	#3E8994
16.7%	16.7% #367882	RGB 54 120 130	#367882
33.3%	33.3% #2E6870	RGB 46 104 112	#2E6870
50.0%	50.0% #27585F	RGB 39 88 95	#27585F
66.7%	66.7% #1F474D	RGB 31 71 77	#1F474D
83.3%	83.3% #18373B	RGB 24 55 59	#18373B
100.0%	100.0% #11272A	RGB 17 39 42	#11272A

#3E8994 #367882 #2E6870 #27585F #1F474D #18373B #11272A

#3E8994 - #27585F - #11272A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8994 0%, #27585F 50%, #11272A 100%);
    background: -webkit-linear-gradient(top, #3E8994 0%, #27585F 50%, #11272A 100%);
    background: linear-gradient(to bottom, #3E8994 0%, #27585F 50%, #11272A 100%);
}
</style>