#9FF2F2 - #26D1D5 | 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 #9FF2F2 a #26D1D5

#9FF2F2 #26D1D5

Calcule el color entre dos colores, #9FF2F2 y #26D1D5. 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)

#9FF2F2 - #26D1D5 | 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 #9FF2F2 como 0% y #26D1D5 como 100%.

0.0%	0.0% #9FF2F2	RGB 159 242 242	#9FF2F2
16.7%	16.7% #8AECED	RGB 138 236 237	#8AECED
33.3%	33.3% #76E7E8	RGB 118 231 232	#76E7E8
50.0%	50.0% #62E1E3	RGB 98 225 227	#62E1E3
66.7%	66.7% #4EDCDE	RGB 78 220 222	#4EDCDE
83.3%	83.3% #3AD6D9	RGB 58 214 217	#3AD6D9
100.0%	100.0% #26D1D5	RGB 38 209 213	#26D1D5

#9FF2F2 #8AECED #76E7E8 #62E1E3 #4EDCDE #3AD6D9 #26D1D5

#9FF2F2 - #26D1D5

Mezcla HSV

#9FF2F2 - #26D1D5 | 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 #9FF2F2 como 0% y #26D1D5 como 100%.

0.0%	0.0% #9FF2F2	RGB 159 242 242	#9FF2F2
16.7%	16.7% #88ECED	RGB 136 236 237	#88ECED
33.3%	33.3% #73E7E8	RGB 115 231 232	#73E7E8
50.0%	50.0% #5FE1E3	RGB 95 225 227	#5FE1E3
66.7%	66.7% #4BDCDE	RGB 75 220 222	#4BDCDE
83.3%	83.3% #38D6D9	RGB 56 214 217	#38D6D9
100.0%	100.0% #26D1D5	RGB 38 209 213	#26D1D5

#9FF2F2 #88ECED #73E7E8 #5FE1E3 #4BDCDE #38D6D9 #26D1D5

#9FF2F2 - #5FE1E3 - #26D1D5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FF2F2 0%, #5FE1E3 50%, #26D1D5 100%);
    background: -webkit-linear-gradient(top, #9FF2F2 0%, #5FE1E3 50%, #26D1D5 100%);
    background: linear-gradient(to bottom, #9FF2F2 0%, #5FE1E3 50%, #26D1D5 100%);
}
</style>