#5E6D8F - #202F3F | 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 #5E6D8F a #202F3F

#5E6D8F #202F3F

Calcule el color entre dos colores, #5E6D8F y #202F3F. 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)

#5E6D8F - #202F3F | 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 #5E6D8F como 0% y #202F3F como 100%.

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #536281	RGB 83 98 129	#536281
33.3%	33.3% #495874	RGB 73 88 116	#495874
50.0%	50.0% #3F4E67	RGB 63 78 103	#3F4E67
66.7%	66.7% #344359	RGB 52 67 89	#344359
83.3%	83.3% #2A394C	RGB 42 57 76	#2A394C
100.0%	100.0% #202F3F	RGB 32 47 63	#202F3F

#5E6D8F #536281 #495874 #3F4E67 #344359 #2A394C #202F3F

#5E6D8F - #202F3F

Mezcla HSV

#5E6D8F - #202F3F | 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 #5E6D8F como 0% y #202F3F como 100%.

0.0%	0.0% #5E6D8F	RGB 94 109 143	#5E6D8F
16.7%	16.7% #526281	RGB 82 98 129	#526281
33.3%	33.3% #465774	RGB 70 87 116	#465774
50.0%	50.0% #3C4C67	RGB 60 76 103	#3C4C67
66.7%	66.7% #324259	RGB 50 66 89	#324259
83.3%	83.3% #28384C	RGB 40 56 76	#28384C
100.0%	100.0% #202F3F	RGB 32 47 63	#202F3F

#5E6D8F #526281 #465774 #3C4C67 #324259 #28384C #202F3F

#5E6D8F - #3C4C67 - #202F3F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D8F 0%, #3C4C67 50%, #202F3F 100%);
    background: -webkit-linear-gradient(top, #5E6D8F 0%, #3C4C67 50%, #202F3F 100%);
    background: linear-gradient(to bottom, #5E6D8F 0%, #3C4C67 50%, #202F3F 100%);
}
</style>