#393B5E - #827B87 | 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 #393B5E a #827B87

#393B5E #827B87

Calcule el color entre dos colores, #393B5E y #827B87. 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)

#393B5E - #827B87 | 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 #393B5E como 0% y #827B87 como 100%.

0.0%	0.0% #393B5E	RGB 57 59 94	#393B5E
16.7%	16.7% #454564	RGB 69 69 100	#454564
33.3%	33.3% #51506B	RGB 81 80 107	#51506B
50.0%	50.0% #5D5B72	RGB 93 91 114	#5D5B72
66.7%	66.7% #696579	RGB 105 101 121	#696579
83.3%	83.3% #757080	RGB 117 112 128	#757080
100.0%	100.0% #827B87	RGB 130 123 135	#827B87

#393B5E #454564 #51506B #5D5B72 #696579 #757080 #827B87

#393B5E - #827B87

Mezcla HSV

#393B5E - #827B87 | 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 #393B5E como 0% y #827B87 como 100%.

0.0%	0.0% #393A5E	RGB 57 58 94	#393A5E
16.7%	16.7% #444264	RGB 68 66 100	#444264
33.3%	33.3% #514C6B	RGB 81 76 107	#514C6B
50.0%	50.0% #5E5672	RGB 94 86 114	#5E5672
66.7%	66.7% #6A6279	RGB 106 98 121	#6A6279
83.3%	83.3% #766E80	RGB 118 110 128	#766E80
100.0%	100.0% #827B87	RGB 130 123 135	#827B87

#393A5E #444264 #514C6B #5E5672 #6A6279 #766E80 #827B87

#393B5E - #5E5672 - #827B87

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393A5E 0%, #5E5672 50%, #827B87 100%);
    background: -webkit-linear-gradient(top, #393A5E 0%, #5E5672 50%, #827B87 100%);
    background: linear-gradient(to bottom, #393A5E 0%, #5E5672 50%, #827B87 100%);
}
</style>