#8C92FF - #ABCEFA | 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 #8C92FF a #ABCEFA

#8C92FF #ABCEFA

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

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

0.0%	0.0% #8C92FF	RGB 140 146 255	#8C92FF
16.7%	16.7% #919CFE	RGB 145 156 254	#919CFE
33.3%	33.3% #96A6FD	RGB 150 166 253	#96A6FD
50.0%	50.0% #9BB0FC	RGB 155 176 252	#9BB0FC
66.7%	66.7% #A0BAFB	RGB 160 186 251	#A0BAFB
83.3%	83.3% #A5C4FA	RGB 165 196 250	#A5C4FA
100.0%	100.0% #ABCEFA	RGB 171 206 250	#ABCEFA

#8C92FF #919CFE #96A6FD #9BB0FC #A0BAFB #A5C4FA #ABCEFA

#8C92FF - #ABCEFA

Mezcla HSV

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

0.0%	0.0% #8C92FF	RGB 140 146 255	#8C92FF
16.7%	16.7% #919EFE	RGB 145 158 254	#919EFE
33.3%	33.3% #96A9FD	RGB 150 169 253	#96A9FD
50.0%	50.0% #9BB3FC	RGB 155 179 252	#9BB3FC
66.7%	66.7% #A0BDFB	RGB 160 189 251	#A0BDFB
83.3%	83.3% #A5C6FA	RGB 165 198 250	#A5C6FA
100.0%	100.0% #ABCEFA	RGB 171 206 250	#ABCEFA

#8C92FF #919EFE #96A9FD #9BB3FC #A0BDFB #A5C6FA #ABCEFA

#8C92FF - #9BB3FC - #ABCEFA

Códigos CSS

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

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