#201E5E - #5E6295 | 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 #201E5E a #5E6295

#201E5E #5E6295

Calcule el color entre dos colores, #201E5E y #5E6295. 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)

#201E5E - #5E6295 | 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 #201E5E como 0% y #5E6295 como 100%.

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #2A2967	RGB 42 41 103	#2A2967
33.3%	33.3% #343470	RGB 52 52 112	#343470
50.0%	50.0% #3F4079	RGB 63 64 121	#3F4079
66.7%	66.7% #494B82	RGB 73 75 130	#494B82
83.3%	83.3% #53568B	RGB 83 86 139	#53568B
100.0%	100.0% #5E6295	RGB 94 98 149	#5E6295

#201E5E #2A2967 #343470 #3F4079 #494B82 #53568B #5E6295

#201E5E - #5E6295

Mezcla HSV

#201E5E - #5E6295 | 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 #201E5E como 0% y #5E6295 como 100%.

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #272667	RGB 39 38 103	#272667
33.3%	33.3% #2F2F70	RGB 47 47 112	#2F2F70
50.0%	50.0% #393B79	RGB 57 59 121	#393B79
66.7%	66.7% #444782	RGB 68 71 130	#444782
83.3%	83.3% #50548B	RGB 80 84 139	#50548B
100.0%	100.0% #5E6295	RGB 94 98 149	#5E6295

#201E5E #272667 #2F2F70 #393B79 #444782 #50548B #5E6295

#201E5E - #393B79 - #5E6295

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E5E 0%, #393B79 50%, #5E6295 100%);
    background: -webkit-linear-gradient(top, #201E5E 0%, #393B79 50%, #5E6295 100%);
    background: linear-gradient(to bottom, #201E5E 0%, #393B79 50%, #5E6295 100%);
}
</style>