#78CECE - #11A09E | 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 #78CECE a #11A09E

#78CECE #11A09E

Calcule el color entre dos colores, #78CECE y #11A09E. 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)

#78CECE - #11A09E | 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 #78CECE como 0% y #11A09E como 100%.

0.0%	0.0% #78CECE	RGB 120 206 206	#78CECE
16.7%	16.7% #66C6C6	RGB 102 198 198	#66C6C6
33.3%	33.3% #55BEBE	RGB 85 190 190	#55BEBE
50.0%	50.0% #44B7B6	RGB 68 183 182	#44B7B6
66.7%	66.7% #33AFAE	RGB 51 175 174	#33AFAE
83.3%	83.3% #22A7A6	RGB 34 167 166	#22A7A6
100.0%	100.0% #11A09E	RGB 17 160 158	#11A09E

#78CECE #66C6C6 #55BEBE #44B7B6 #33AFAE #22A7A6 #11A09E

#78CECE - #11A09E

Mezcla HSV

#78CECE - #11A09E | 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 #78CECE como 0% y #11A09E como 100%.

0.0%	0.0% #78CECE	RGB 120 206 206	#78CECE
16.7%	16.7% #63C6C6	RGB 99 198 198	#63C6C6
33.3%	33.3% #50BEBE	RGB 80 190 190	#50BEBE
50.0%	50.0% #3FB7B6	RGB 63 183 182	#3FB7B6
66.7%	66.7% #2EAFAE	RGB 46 175 174	#2EAFAE
83.3%	83.3% #1FA7A6	RGB 31 167 166	#1FA7A6
100.0%	100.0% #11A09E	RGB 17 160 158	#11A09E

#78CECE #63C6C6 #50BEBE #3FB7B6 #2EAFAE #1FA7A6 #11A09E

#78CECE - #3FB7B6 - #11A09E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78CECE 0%, #3FB7B6 50%, #11A09E 100%);
    background: -webkit-linear-gradient(top, #78CECE 0%, #3FB7B6 50%, #11A09E 100%);
    background: linear-gradient(to bottom, #78CECE 0%, #3FB7B6 50%, #11A09E 100%);
}
</style>