#079A9A - #006A54 | 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 #079A9A a #006A54

#079A9A #006A54

Calcule el color entre dos colores, #079A9A y #006A54. 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)

#079A9A - #006A54 | 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 #079A9A como 0% y #006A54 como 100%.

0.0%	0.0% #079A9A	RGB 7 154 154	#079A9A
16.7%	16.7% #05928E	RGB 5 146 142	#05928E
33.3%	33.3% #048A82	RGB 4 138 130	#048A82
50.0%	50.0% #038277	RGB 3 130 119	#038277
66.7%	66.7% #027A6B	RGB 2 122 107	#027A6B
83.3%	83.3% #01725F	RGB 1 114 95	#01725F
100.0%	100.0% #006A54	RGB 0 106 84	#006A54

#079A9A #05928E #048A82 #038277 #027A6B #01725F #006A54

#079A9A - #006A54

Mezcla HSV

#079A9A - #006A54 | 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 #079A9A como 0% y #006A54 como 100%.

0.0%	0.0% #079A9A	RGB 7 154 154	#079A9A
16.7%	16.7% #05928D	RGB 5 146 141	#05928D
33.3%	33.3% #048A80	RGB 4 138 128	#048A80
50.0%	50.0% #028274	RGB 2 130 116	#028274
66.7%	66.7% #017A69	RGB 1 122 105	#017A69
83.3%	83.3% #00725E	RGB 0 114 94	#00725E
100.0%	100.0% #006A54	RGB 0 106 84	#006A54

#079A9A #05928D #048A80 #028274 #017A69 #00725E #006A54

#079A9A - #028274 - #006A54

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #079A9A 0%, #028274 50%, #006A54 100%);
    background: -webkit-linear-gradient(top, #079A9A 0%, #028274 50%, #006A54 100%);
    background: linear-gradient(to bottom, #079A9A 0%, #028274 50%, #006A54 100%);
}
</style>