#00B8FF - #8FF5E9 | 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 #00B8FF a #8FF5E9

#00B8FF #8FF5E9

Calcule el color entre dos colores, #00B8FF y #8FF5E9. 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)

#00B8FF - #8FF5E9 | 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 #00B8FF como 0% y #8FF5E9 como 100%.

0.0%	0.0% #00B8FF	RGB 0 184 255	#00B8FF
16.7%	16.7% #17C2FB	RGB 23 194 251	#17C2FB
33.3%	33.3% #2FCCF7	RGB 47 204 247	#2FCCF7
50.0%	50.0% #47D6F4	RGB 71 214 244	#47D6F4
66.7%	66.7% #5FE0F0	RGB 95 224 240	#5FE0F0
83.3%	83.3% #77EAEC	RGB 119 234 236	#77EAEC
100.0%	100.0% #8FF5E9	RGB 143 245 233	#8FF5E9

#00B8FF #17C2FB #2FCCF7 #47D6F4 #5FE0F0 #77EAEC #8FF5E9

#00B8FF - #8FF5E9

Mezcla HSV

#00B8FF - #8FF5E9 | 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 #00B8FF como 0% y #8FF5E9 como 100%.

0.0%	0.0% #00B8FF	RGB 0 184 255	#00B8FF
16.7%	16.7% #18CCFD	RGB 24 204 253	#18CCFD
33.3%	33.3% #30DDFB	RGB 48 221 251	#30DDFB
50.0%	50.0% #48EBFA	RGB 72 235 250	#48EBFA
66.7%	66.7% #60F6F8	RGB 96 246 248	#60F6F8
83.3%	83.3% #77F6F0	RGB 119 246 240	#77F6F0
100.0%	100.0% #8FF5E9	RGB 143 245 233	#8FF5E9

#00B8FF #18CCFD #30DDFB #48EBFA #60F6F8 #77F6F0 #8FF5E9

#00B8FF - #48EBFA - #8FF5E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: -webkit-linear-gradient(top, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
    background: linear-gradient(to bottom, #00B8FF 0%, #48EBFA 50%, #8FF5E9 100%);
}
</style>