#5E5E6B - #7AABE3 | 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 #5E5E6B a #7AABE3

#5E5E6B #7AABE3

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

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

0.0%	0.0% #5E5E6B	RGB 94 94 107	#5E5E6B
16.7%	16.7% #626A7F	RGB 98 106 127	#626A7F
33.3%	33.3% #677793	RGB 103 119 147	#677793
50.0%	50.0% #6C84A7	RGB 108 132 167	#6C84A7
66.7%	66.7% #7091BB	RGB 112 145 187	#7091BB
83.3%	83.3% #759ECF	RGB 117 158 207	#759ECF
100.0%	100.0% #7AABE3	RGB 122 171 227	#7AABE3

#5E5E6B #626A7F #677793 #6C84A7 #7091BB #759ECF #7AABE3

#5E5E6B - #7AABE3

Mezcla HSV

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

0.0%	0.0% #5E5E6B	RGB 94 94 107	#5E5E6B
16.7%	16.7% #686A7F	RGB 104 106 127	#686A7F
33.3%	33.3% #707593	RGB 112 117 147	#707593
50.0%	50.0% #7681A7	RGB 118 129 167	#7681A7
66.7%	66.7% #798EBB	RGB 121 142 187	#798EBB
83.3%	83.3% #7B9BCF	RGB 123 155 207	#7B9BCF
100.0%	100.0% #7AABE3	RGB 122 171 227	#7AABE3

#5E5E6B #686A7F #707593 #7681A7 #798EBB #7B9BCF #7AABE3

#5E5E6B - #7681A7 - #7AABE3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6B 0%, #7681A7 50%, #7AABE3 100%);
    background: -webkit-linear-gradient(top, #5E5E6B 0%, #7681A7 50%, #7AABE3 100%);
    background: linear-gradient(to bottom, #5E5E6B 0%, #7681A7 50%, #7AABE3 100%);
}
</style>