#006096 - #6DBED1 | 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 #006096 a #6DBED1

#006096 #6DBED1

Calcule el color entre dos colores, #006096 y #6DBED1. 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)

#006096 - #6DBED1 | 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 #006096 como 0% y #6DBED1 como 100%.

0.0%	0.0% #006096	RGB 0 96 150	#006096
16.7%	16.7% #126F9F	RGB 18 111 159	#126F9F
33.3%	33.3% #247FA9	RGB 36 127 169	#247FA9
50.0%	50.0% #368FB3	RGB 54 143 179	#368FB3
66.7%	66.7% #489EBD	RGB 72 158 189	#489EBD
83.3%	83.3% #5AAEC7	RGB 90 174 199	#5AAEC7
100.0%	100.0% #6DBED1	RGB 109 190 209	#6DBED1

#006096 #126F9F #247FA9 #368FB3 #489EBD #5AAEC7 #6DBED1

#006096 - #6DBED1

Mezcla HSV

#006096 - #6DBED1 | 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 #006096 como 0% y #6DBED1 como 100%.

0.0%	0.0% #006096	RGB 0 96 150	#006096
16.7%	16.7% #0D6F9F	RGB 13 111 159	#0D6F9F
33.3%	33.3% #1D7FA9	RGB 29 127 169	#1D7FA9
50.0%	50.0% #2E8FB3	RGB 46 143 179	#2E8FB3
66.7%	66.7% #419EBD	RGB 65 158 189	#419EBD
83.3%	83.3% #56AEC7	RGB 86 174 199	#56AEC7
100.0%	100.0% #6DBED1	RGB 109 190 209	#6DBED1

#006096 #0D6F9F #1D7FA9 #2E8FB3 #419EBD #56AEC7 #6DBED1

#006096 - #2E8FB3 - #6DBED1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006096 0%, #2E8FB3 50%, #6DBED1 100%);
    background: -webkit-linear-gradient(top, #006096 0%, #2E8FB3 50%, #6DBED1 100%);
    background: linear-gradient(to bottom, #006096 0%, #2E8FB3 50%, #6DBED1 100%);
}
</style>