#3D448B - #838CB5 | 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 #3D448B a #838CB5

#3D448B #838CB5

Calcule el color entre dos colores, #3D448B y #838CB5. 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)

#3D448B - #838CB5 | 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 #3D448B como 0% y #838CB5 como 100%.

0.0%	0.0% #3D448B	RGB 61 68 139	#3D448B
16.7%	16.7% #485092	RGB 72 80 146	#485092
33.3%	33.3% #545C99	RGB 84 92 153	#545C99
50.0%	50.0% #6068A0	RGB 96 104 160	#6068A0
66.7%	66.7% #6B74A7	RGB 107 116 167	#6B74A7
83.3%	83.3% #7780AE	RGB 119 128 174	#7780AE
100.0%	100.0% #838CB5	RGB 131 140 181	#838CB5

#3D448B #485092 #545C99 #6068A0 #6B74A7 #7780AE #838CB5

#3D448B - #838CB5

Mezcla HSV

#3D448B - #838CB5 | 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 #3D448B como 0% y #838CB5 como 100%.

0.0%	0.0% #3D448B	RGB 61 68 139	#3D448B
16.7%	16.7% #474E92	RGB 71 78 146	#474E92
33.3%	33.3% #515A99	RGB 81 90 153	#515A99
50.0%	50.0% #5D66A0	RGB 93 102 160	#5D66A0
66.7%	66.7% #6972A7	RGB 105 114 167	#6972A7
83.3%	83.3% #757EAE	RGB 117 126 174	#757EAE
100.0%	100.0% #838CB5	RGB 131 140 181	#838CB5

#3D448B #474E92 #515A99 #5D66A0 #6972A7 #757EAE #838CB5

#3D448B - #5D66A0 - #838CB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
    background: -webkit-linear-gradient(top, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
    background: linear-gradient(to bottom, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
}
</style>