#4CADAD - #027C70 | 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 #4CADAD a #027C70

#4CADAD #027C70

Calcule el color entre dos colores, #4CADAD y #027C70. 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)

#4CADAD - #027C70 | 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 #4CADAD como 0% y #027C70 como 100%.

0.0%	0.0% #4CADAD	RGB 76 173 173	#4CADAD
16.7%	16.7% #3FA4A2	RGB 63 164 162	#3FA4A2
33.3%	33.3% #339C98	RGB 51 156 152	#339C98
50.0%	50.0% #27948E	RGB 39 148 142	#27948E
66.7%	66.7% #1A8C84	RGB 26 140 132	#1A8C84
83.3%	83.3% #0E847A	RGB 14 132 122	#0E847A
100.0%	100.0% #027C70	RGB 2 124 112	#027C70

#4CADAD #3FA4A2 #339C98 #27948E #1A8C84 #0E847A #027C70

#4CADAD - #027C70

Mezcla HSV

#4CADAD - #027C70 | 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 #4CADAD como 0% y #027C70 como 100%.

0.0%	0.0% #4CADAD	RGB 76 173 173	#4CADAD
16.7%	16.7% #3CA4A3	RGB 60 164 163	#3CA4A3
33.3%	33.3% #2E9C99	RGB 46 156 153	#2E9C99
50.0%	50.0% #21948E	RGB 33 148 142	#21948E
66.7%	66.7% #168C84	RGB 22 140 132	#168C84
83.3%	83.3% #0B847A	RGB 11 132 122	#0B847A
100.0%	100.0% #027C70	RGB 2 124 112	#027C70

#4CADAD #3CA4A3 #2E9C99 #21948E #168C84 #0B847A #027C70

#4CADAD - #21948E - #027C70

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4CADAD 0%, #21948E 50%, #027C70 100%);
    background: -webkit-linear-gradient(top, #4CADAD 0%, #21948E 50%, #027C70 100%);
    background: linear-gradient(to bottom, #4CADAD 0%, #21948E 50%, #027C70 100%);
}
</style>