#576889 - #1E2C39 | 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 #1E2C39

#576889 #1E2C39

Calcule el color entre dos colores, #576889 y #1E2C39. 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 - #1E2C39 | 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 #1E2C39 como 100%.

0.0%	0.0% #576889	RGB 87 104 137	#576889
16.7%	16.7% #4D5E7B	RGB 77 94 123	#4D5E7B
33.3%	33.3% #44546E	RGB 68 84 110	#44546E
50.0%	50.0% #3A4A61	RGB 58 74 97	#3A4A61
66.7%	66.7% #314053	RGB 49 64 83	#314053
83.3%	83.3% #273646	RGB 39 54 70	#273646
100.0%	100.0% #1E2C39	RGB 30 44 57	#1E2C39

#576889 #4D5E7B #44546E #3A4A61 #314053 #273646 #1E2C39

#576889 - #1E2C39

Mezcla HSV

#576889 - #1E2C39 | 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 #1E2C39 como 100%.

0.0%	0.0% #576889	RGB 87 104 137	#576889
16.7%	16.7% #4C5D7B	RGB 76 93 123	#4C5D7B
33.3%	33.3% #42536E	RGB 66 83 110	#42536E
50.0%	50.0% #384961	RGB 56 73 97	#384961
66.7%	66.7% #2F3F53	RGB 47 63 83	#2F3F53
83.3%	83.3% #263546	RGB 38 53 70	#263546
100.0%	100.0% #1E2C39	RGB 30 44 57	#1E2C39

#576889 #4C5D7B #42536E #384961 #2F3F53 #263546 #1E2C39

#576889 - #384961 - #1E2C39

Códigos CSS

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

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