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

#8FFFFD #E5E3E6

Calcule el color entre dos colores, #8FFFFD 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)

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

0.0%	0.0% #8FFFFD	RGB 143 255 253	#8FFFFD
16.7%	16.7% #9DFAF9	RGB 157 250 249	#9DFAF9
33.3%	33.3% #ABF5F5	RGB 171 245 245	#ABF5F5
50.0%	50.0% #BAF1F1	RGB 186 241 241	#BAF1F1
66.7%	66.7% #C8ECED	RGB 200 236 237	#C8ECED
83.3%	83.3% #D6E7E9	RGB 214 231 233	#D6E7E9
100.0%	100.0% #E5E3E6	RGB 229 227 230	#E5E3E6

#8FFFFD #9DFAF9 #ABF5F5 #BAF1F1 #C8ECED #D6E7E9 #E5E3E6

#8FFFFD - #E5E3E6

Mezcla HSV

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

0.0%	0.0% #8FFFFD	RGB 143 255 253	#8FFFFD
16.7%	16.7% #9EE2FA	RGB 158 226 250	#9EE2FA
33.3%	33.3% #ADCEF6	RGB 173 206 246	#ADCEF6
50.0%	50.0% #BBC5F2	RGB 187 197 242	#BBC5F2
66.7%	66.7% #CDC9EE	RGB 205 201 238	#CDC9EE
83.3%	83.3% #DED6EA	RGB 222 214 234	#DED6EA
100.0%	100.0% #E5E3E6	RGB 229 227 230	#E5E3E6

#8FFFFD #9EE2FA #ADCEF6 #BBC5F2 #CDC9EE #DED6EA #E5E3E6

#8FFFFD - #BBC5F2 - #E5E3E6

Códigos CSS

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

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