#5E5EFC - #7BB0FF | 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 #5E5EFC a #7BB0FF

#5E5EFC #7BB0FF

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

#5E5EFC - #7BB0FF | 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 #5E5EFC como 0% y #7BB0FF como 100%.

0.0%	0.0% #5E5EFC	RGB 94 94 252	#5E5EFC
16.7%	16.7% #626BFC	RGB 98 107 252	#626BFC
33.3%	33.3% #6779FD	RGB 103 121 253	#6779FD
50.0%	50.0% #6C87FD	RGB 108 135 253	#6C87FD
66.7%	66.7% #7194FE	RGB 113 148 254	#7194FE
83.3%	83.3% #76A2FE	RGB 118 162 254	#76A2FE
100.0%	100.0% #7BB0FF	RGB 123 176 255	#7BB0FF

#5E5EFC #626BFC #6779FD #6C87FD #7194FE #76A2FE #7BB0FF

#5E5EFC - #7BB0FF

Mezcla HSV

#5E5EFC - #7BB0FF | 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 #5E5EFC como 0% y #7BB0FF como 100%.

0.0%	0.0% #5E5EFC	RGB 94 94 252	#5E5EFC
16.7%	16.7% #626DFC	RGB 98 109 252	#626DFC
33.3%	33.3% #677BFD	RGB 103 123 253	#677BFD
50.0%	50.0% #6C89FD	RGB 108 137 253	#6C89FD
66.7%	66.7% #7196FE	RGB 113 150 254	#7196FE
83.3%	83.3% #76A3FE	RGB 118 163 254	#76A3FE
100.0%	100.0% #7BB0FF	RGB 123 176 255	#7BB0FF

#5E5EFC #626DFC #677BFD #6C89FD #7196FE #76A3FE #7BB0FF

#5E5EFC - #6C89FD - #7BB0FF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EFC 0%, #6C89FD 50%, #7BB0FF 100%);
    background: -webkit-linear-gradient(top, #5E5EFC 0%, #6C89FD 50%, #7BB0FF 100%);
    background: linear-gradient(to bottom, #5E5EFC 0%, #6C89FD 50%, #7BB0FF 100%);
}
</style>