#5E678F - #1D2C3E | 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 #5E678F a #1D2C3E

#5E678F #1D2C3E

Calcule el color entre dos colores, #5E678F y #1D2C3E. 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)

#5E678F - #1D2C3E | 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 #5E678F como 0% y #1D2C3E como 100%.

0.0%	0.0% #5E678F	RGB 94 103 143	#5E678F
16.7%	16.7% #535D81	RGB 83 93 129	#535D81
33.3%	33.3% #485374	RGB 72 83 116	#485374
50.0%	50.0% #3D4966	RGB 61 73 102	#3D4966
66.7%	66.7% #323F59	RGB 50 63 89	#323F59
83.3%	83.3% #27354B	RGB 39 53 75	#27354B
100.0%	100.0% #1D2C3E	RGB 29 44 62	#1D2C3E

#5E678F #535D81 #485374 #3D4966 #323F59 #27354B #1D2C3E

#5E678F - #1D2C3E

Mezcla HSV

#5E678F - #1D2C3E | 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 #5E678F como 0% y #1D2C3E como 100%.

0.0%	0.0% #5E678F	RGB 94 103 143	#5E678F
16.7%	16.7% #515C81	RGB 81 92 129	#515C81
33.3%	33.3% #445174	RGB 68 81 116	#445174
50.0%	50.0% #394766	RGB 57 71 102	#394766
66.7%	66.7% #2F3E59	RGB 47 62 89	#2F3E59
83.3%	83.3% #25354B	RGB 37 53 75	#25354B
100.0%	100.0% #1D2C3E	RGB 29 44 62	#1D2C3E

#5E678F #515C81 #445174 #394766 #2F3E59 #25354B #1D2C3E

#5E678F - #394766 - #1D2C3E

Códigos CSS

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

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