#5E5ED6 - #8FAAEE | 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 #5E5ED6 a #8FAAEE

#5E5ED6 #8FAAEE

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

#5E5ED6 - #8FAAEE | 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 #5E5ED6 como 0% y #8FAAEE como 100%.

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #666ADA	RGB 102 106 218	#666ADA
33.3%	33.3% #6E77DE	RGB 110 119 222	#6E77DE
50.0%	50.0% #7684E2	RGB 118 132 226	#7684E2
66.7%	66.7% #7E90E6	RGB 126 144 230	#7E90E6
83.3%	83.3% #869DEA	RGB 134 157 234	#869DEA
100.0%	100.0% #8FAAEE	RGB 143 170 238	#8FAAEE

#5E5ED6 #666ADA #6E77DE #7684E2 #7E90E6 #869DEA #8FAAEE

#5E5ED6 - #8FAAEE

Mezcla HSV

#5E5ED6 - #8FAAEE | 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 #5E5ED6 como 0% y #8FAAEE como 100%.

0.0%	0.0% #5E5ED6	RGB 94 94 214	#5E5ED6
16.7%	16.7% #656BDA	RGB 101 107 218	#656BDA
33.3%	33.3% #6D78DE	RGB 109 120 222	#6D78DE
50.0%	50.0% #7584E2	RGB 117 132 226	#7584E2
66.7%	66.7% #7D91E6	RGB 125 145 230	#7D91E6
83.3%	83.3% #869DEA	RGB 134 157 234	#869DEA
100.0%	100.0% #8FAAEE	RGB 143 170 238	#8FAAEE

#5E5ED6 #656BDA #6D78DE #7584E2 #7D91E6 #869DEA #8FAAEE

#5E5ED6 - #7584E2 - #8FAAEE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
    background: -webkit-linear-gradient(top, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
    background: linear-gradient(to bottom, #5E5ED6 0%, #7584E2 50%, #8FAAEE 100%);
}
</style>