#576889 - #181D27 | 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 #576889 a #181D27

#576889 #181D27

Calcule el color entre dos colores, #576889 y #181D27. 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)

#576889 - #181D27 | 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 #576889 como 0% y #181D27 como 100%.

0.0%	0.0% #576889	RGB 87 104 137	#576889
16.7%	16.7% #4C5B78	RGB 76 91 120	#4C5B78
33.3%	33.3% #424F68	RGB 66 79 104	#424F68
50.0%	50.0% #374258	RGB 55 66 88	#374258
66.7%	66.7% #2D3647	RGB 45 54 71	#2D3647
83.3%	83.3% #222937	RGB 34 41 55	#222937
100.0%	100.0% #181D27	RGB 24 29 39	#181D27

#576889 #4C5B78 #424F68 #374258 #2D3647 #222937 #181D27

#576889 - #181D27

Mezcla HSV

#576889 - #181D27 | 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 #576889 como 0% y #181D27 como 100%.

0.0%	0.0% #576889	RGB 87 104 137	#576889
16.7%	16.7% #4C5B78	RGB 76 91 120	#4C5B78
33.3%	33.3% #414E68	RGB 65 78 104	#414E68
50.0%	50.0% #374258	RGB 55 66 88	#374258
66.7%	66.7% #2C3547	RGB 44 53 71	#2C3547
83.3%	83.3% #222937	RGB 34 41 55	#222937
100.0%	100.0% #181D27	RGB 24 29 39	#181D27

#576889 #4C5B78 #414E68 #374258 #2C3547 #222937 #181D27

#576889 - #374258 - #181D27

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #576889 0%, #374258 50%, #181D27 100%);
    background: -webkit-linear-gradient(top, #576889 0%, #374258 50%, #181D27 100%);
    background: linear-gradient(to bottom, #576889 0%, #374258 50%, #181D27 100%);
}
</style>