#8FDFFF - #E5E3E6 | 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 #8FDFFF a #E5E3E6

#8FDFFF #E5E3E6

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

#8FDFFF - #E5E3E6 | 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 #8FDFFF como 0% y #E5E3E6 como 100%.

0.0%	0.0% #8FDFFF	RGB 143 223 255	#8FDFFF
16.7%	16.7% #9DDFFA	RGB 157 223 250	#9DDFFA
33.3%	33.3% #ABE0F6	RGB 171 224 246	#ABE0F6
50.0%	50.0% #BAE1F2	RGB 186 225 242	#BAE1F2
66.7%	66.7% #C8E1EE	RGB 200 225 238	#C8E1EE
83.3%	83.3% #D6E2EA	RGB 214 226 234	#D6E2EA
100.0%	100.0% #E5E3E6	RGB 229 227 230	#E5E3E6

#8FDFFF #9DDFFA #ABE0F6 #BAE1F2 #C8E1EE #D6E2EA #E5E3E6

#8FDFFF - #E5E3E6

Mezcla HSV

#8FDFFF - #E5E3E6 | 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 #8FDFFF como 0% y #E5E3E6 como 100%.

0.0%	0.0% #8FDFFF	RGB 143 223 255	#8FDFFF
16.7%	16.7% #9ECBFA	RGB 158 203 250	#9ECBFA
33.3%	33.3% #ADBFF6	RGB 173 191 246	#ADBFF6
50.0%	50.0% #BBBCF2	RGB 187 188 242	#BBBCF2
66.7%	66.7% #D0C9EE	RGB 208 201 238	#D0C9EE
83.3%	83.3% #DFD6EA	RGB 223 214 234	#DFD6EA
100.0%	100.0% #E5E3E6	RGB 229 227 230	#E5E3E6

#8FDFFF #9ECBFA #ADBFF6 #BBBCF2 #D0C9EE #DFD6EA #E5E3E6

#8FDFFF - #BBBCF2 - #E5E3E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FDFFF 0%, #BBBCF2 50%, #E5E3E6 100%);
    background: -webkit-linear-gradient(top, #8FDFFF 0%, #BBBCF2 50%, #E5E3E6 100%);
    background: linear-gradient(to bottom, #8FDFFF 0%, #BBBCF2 50%, #E5E3E6 100%);
}
</style>