#2FABBC - #135F73 | 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 #2FABBC a #135F73

#2FABBC #135F73

Calcule el color entre dos colores, #2FABBC y #135F73. 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)

#2FABBC - #135F73 | 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 #2FABBC como 0% y #135F73 como 100%.

0.0%	0.0% #2FABBC	RGB 47 171 188	#2FABBC
16.7%	16.7% #2A9EAF	RGB 42 158 175	#2A9EAF
33.3%	33.3% #2591A3	RGB 37 145 163	#2591A3
50.0%	50.0% #218597	RGB 33 133 151	#218597
66.7%	66.7% #1C788B	RGB 28 120 139	#1C788B
83.3%	83.3% #176B7F	RGB 23 107 127	#176B7F
100.0%	100.0% #135F73	RGB 19 95 115	#135F73

#2FABBC #2A9EAF #2591A3 #218597 #1C788B #176B7F #135F73

#2FABBC - #135F73

Mezcla HSV

#2FABBC - #135F73 | 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 #2FABBC como 0% y #135F73 como 100%.

0.0%	0.0% #2FAABC	RGB 47 170 188	#2FAABC
16.7%	16.7% #299DAF	RGB 41 157 175	#299DAF
33.3%	33.3% #2490A3	RGB 36 144 163	#2490A3
50.0%	50.0% #1F8397	RGB 31 131 151	#1F8397
66.7%	66.7% #1A778B	RGB 26 119 139	#1A778B
83.3%	83.3% #166A7F	RGB 22 106 127	#166A7F
100.0%	100.0% #135F73	RGB 19 95 115	#135F73

#2FAABC #299DAF #2490A3 #1F8397 #1A778B #166A7F #135F73

#2FABBC - #1F8397 - #135F73

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FAABC 0%, #1F8397 50%, #135F73 100%);
    background: -webkit-linear-gradient(top, #2FAABC 0%, #1F8397 50%, #135F73 100%);
    background: linear-gradient(to bottom, #2FAABC 0%, #1F8397 50%, #135F73 100%);
}
</style>