#373C78 - #7C81A4 | 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 #373C78 a #7C81A4

#373C78 #7C81A4

Calcule el color entre dos colores, #373C78 y #7C81A4. 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)

#373C78 - #7C81A4 | 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 #373C78 como 0% y #7C81A4 como 100%.

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #42477F	RGB 66 71 127	#42477F
33.3%	33.3% #4E5386	RGB 78 83 134	#4E5386
50.0%	50.0% #595E8E	RGB 89 94 142	#595E8E
66.7%	66.7% #656A95	RGB 101 106 149	#656A95
83.3%	83.3% #70759C	RGB 112 117 156	#70759C
100.0%	100.0% #7C81A4	RGB 124 129 164	#7C81A4

#373C78 #42477F #4E5386 #595E8E #656A95 #70759C #7C81A4

#373C78 - #7C81A4

Mezcla HSV

#373C78 - #7C81A4 | 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 #373C78 como 0% y #7C81A4 como 100%.

0.0%	0.0% #373C78	RGB 55 60 120	#373C78
16.7%	16.7% #40467F	RGB 64 70 127	#40467F
33.3%	33.3% #4B5086	RGB 75 80 134	#4B5086
50.0%	50.0% #565B8E	RGB 86 91 142	#565B8E
66.7%	66.7% #626795	RGB 98 103 149	#626795
83.3%	83.3% #6E749C	RGB 110 116 156	#6E749C
100.0%	100.0% #7C81A4	RGB 124 129 164	#7C81A4

#373C78 #40467F #4B5086 #565B8E #626795 #6E749C #7C81A4

#373C78 - #565B8E - #7C81A4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #373C78 0%, #565B8E 50%, #7C81A4 100%);
    background: -webkit-linear-gradient(top, #373C78 0%, #565B8E 50%, #7C81A4 100%);
    background: linear-gradient(to bottom, #373C78 0%, #565B8E 50%, #7C81A4 100%);
}
</style>