#369F9F - #006E5E | 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 #369F9F a #006E5E

#369F9F #006E5E

Calcule el color entre dos colores, #369F9F y #006E5E. 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)

#369F9F - #006E5E | 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 #369F9F como 0% y #006E5E como 100%.

0.0%	0.0% #369F9F	RGB 54 159 159	#369F9F
16.7%	16.7% #2D9694	RGB 45 150 148	#2D9694
33.3%	33.3% #248E89	RGB 36 142 137	#248E89
50.0%	50.0% #1B867E	RGB 27 134 126	#1B867E
66.7%	66.7% #127E73	RGB 18 126 115	#127E73
83.3%	83.3% #097668	RGB 9 118 104	#097668
100.0%	100.0% #006E5E	RGB 0 110 94	#006E5E

#369F9F #2D9694 #248E89 #1B867E #127E73 #097668 #006E5E

#369F9F - #006E5E

Mezcla HSV

#369F9F - #006E5E | 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 #369F9F como 0% y #006E5E como 100%.

0.0%	0.0% #369F9F	RGB 54 159 159	#369F9F
16.7%	16.7% #2A9694	RGB 42 150 148	#2A9694
33.3%	33.3% #208E89	RGB 32 142 137	#208E89
50.0%	50.0% #16867E	RGB 22 134 126	#16867E
66.7%	66.7% #0E7E73	RGB 14 126 115	#0E7E73
83.3%	83.3% #067668	RGB 6 118 104	#067668
100.0%	100.0% #006E5E	RGB 0 110 94	#006E5E

#369F9F #2A9694 #208E89 #16867E #0E7E73 #067668 #006E5E

#369F9F - #16867E - #006E5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #369F9F 0%, #16867E 50%, #006E5E 100%);
    background: -webkit-linear-gradient(top, #369F9F 0%, #16867E 50%, #006E5E 100%);
    background: linear-gradient(to bottom, #369F9F 0%, #16867E 50%, #006E5E 100%);
}
</style>