#56F7F7 - #00DAE8 | 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 #56F7F7 a #00DAE8

#56F7F7 #00DAE8

Calcule el color entre dos colores, #56F7F7 y #00DAE8. 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)

#56F7F7 - #00DAE8 | 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 #56F7F7 como 0% y #00DAE8 como 100%.

0.0%	0.0% #56F7F7	RGB 86 247 247	#56F7F7
16.7%	16.7% #47F2F4	RGB 71 242 244	#47F2F4
33.3%	33.3% #39EDF2	RGB 57 237 242	#39EDF2
50.0%	50.0% #2BE8EF	RGB 43 232 239	#2BE8EF
66.7%	66.7% #1CE3ED	RGB 28 227 237	#1CE3ED
83.3%	83.3% #0EDEEA	RGB 14 222 234	#0EDEEA
100.0%	100.0% #00DAE8	RGB 0 218 232	#00DAE8

#56F7F7 #47F2F4 #39EDF2 #2BE8EF #1CE3ED #0EDEEA #00DAE8

#56F7F7 - #00DAE8

Mezcla HSV

#56F7F7 - #00DAE8 | 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 #56F7F7 como 0% y #00DAE8 como 100%.

0.0%	0.0% #56F7F7	RGB 86 247 247	#56F7F7
16.7%	16.7% #46F2F4	RGB 70 242 244	#46F2F4
33.3%	33.3% #38EEF2	RGB 56 238 242	#38EEF2
50.0%	50.0% #29E9EF	RGB 41 233 239	#29E9EF
66.7%	66.7% #1BE4ED	RGB 27 228 237	#1BE4ED
83.3%	83.3% #0DDFEA	RGB 13 223 234	#0DDFEA
100.0%	100.0% #00DAE8	RGB 0 218 232	#00DAE8

#56F7F7 #46F2F4 #38EEF2 #29E9EF #1BE4ED #0DDFEA #00DAE8

#56F7F7 - #29E9EF - #00DAE8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56F7F7 0%, #29E9EF 50%, #00DAE8 100%);
    background: -webkit-linear-gradient(top, #56F7F7 0%, #29E9EF 50%, #00DAE8 100%);
    background: linear-gradient(to bottom, #56F7F7 0%, #29E9EF 50%, #00DAE8 100%);
}
</style>