#4B5E98 - #151A2B | 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 #4B5E98 a #151A2B

#4B5E98 #151A2B

Calcule el color entre dos colores, #4B5E98 y #151A2B. 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)

#4B5E98 - #151A2B | 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 #4B5E98 como 0% y #151A2B como 100%.

0.0%	0.0% #4B5E98	RGB 75 94 152	#4B5E98
16.7%	16.7% #425285	RGB 66 82 133	#425285
33.3%	33.3% #394773	RGB 57 71 115	#394773
50.0%	50.0% #303C61	RGB 48 60 97	#303C61
66.7%	66.7% #27304F	RGB 39 48 79	#27304F
83.3%	83.3% #1E253D	RGB 30 37 61	#1E253D
100.0%	100.0% #151A2B	RGB 21 26 43	#151A2B

#4B5E98 #425285 #394773 #303C61 #27304F #1E253D #151A2B

#4B5E98 - #151A2B

Mezcla HSV

#4B5E98 - #151A2B | 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 #4B5E98 como 0% y #151A2B como 100%.

0.0%	0.0% #4B5D98	RGB 75 93 152	#4B5D98
16.7%	16.7% #415285	RGB 65 82 133	#415285
33.3%	33.3% #384773	RGB 56 71 115	#384773
50.0%	50.0% #2F3B61	RGB 47 59 97	#2F3B61
66.7%	66.7% #26304F	RGB 38 48 79	#26304F
83.3%	83.3% #1D253D	RGB 29 37 61	#1D253D
100.0%	100.0% #151A2B	RGB 21 26 43	#151A2B

#4B5D98 #415285 #384773 #2F3B61 #26304F #1D253D #151A2B

#4B5E98 - #2F3B61 - #151A2B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5D98 0%, #2F3B61 50%, #151A2B 100%);
    background: -webkit-linear-gradient(top, #4B5D98 0%, #2F3B61 50%, #151A2B 100%);
    background: linear-gradient(to bottom, #4B5D98 0%, #2F3B61 50%, #151A2B 100%);
}
</style>