#5E5E6B - #13224D | 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 #13224D

#5E5E6B #13224D

Calcule el color entre dos colores, #5E5E6B y #13224D. 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 - #13224D | 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 #13224D como 100%.

0.0%	0.0% #5E5E6B	RGB 94 94 107	#5E5E6B
16.7%	16.7% #515466	RGB 81 84 102	#515466
33.3%	33.3% #454A61	RGB 69 74 97	#454A61
50.0%	50.0% #38405C	RGB 56 64 92	#38405C
66.7%	66.7% #2C3657	RGB 44 54 87	#2C3657
83.3%	83.3% #1F2C52	RGB 31 44 82	#1F2C52
100.0%	100.0% #13224D	RGB 19 34 77	#13224D

#5E5E6B #515466 #454A61 #38405C #2C3657 #1F2C52 #13224D

#5E5E6B - #13224D

Mezcla HSV

#5E5E6B - #13224D | 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 #13224D como 100%.

0.0%	0.0% #5E5E6B	RGB 94 94 107	#5E5E6B
16.7%	16.7% #4E4F66	RGB 78 79 102	#4E4F66
33.3%	33.3% #404361	RGB 64 67 97	#404361
50.0%	50.0% #33385C	RGB 51 56 92	#33385C
66.7%	66.7% #272F57	RGB 39 47 87	#272F57
83.3%	83.3% #1C2852	RGB 28 40 82	#1C2852
100.0%	100.0% #13224D	RGB 19 34 77	#13224D

#5E5E6B #4E4F66 #404361 #33385C #272F57 #1C2852 #13224D

#5E5E6B - #33385C - #13224D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6B 0%, #33385C 50%, #13224D 100%);
    background: -webkit-linear-gradient(top, #5E5E6B 0%, #33385C 50%, #13224D 100%);
    background: linear-gradient(to bottom, #5E5E6B 0%, #33385C 50%, #13224D 100%);
}
</style>