#2E3264 - #6F7393 | 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 #2E3264 a #6F7393

#2E3264 #6F7393

Calcule el color entre dos colores, #2E3264 y #6F7393. 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)

#2E3264 - #6F7393 | 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 #2E3264 como 0% y #6F7393 como 100%.

0.0%	0.0% #2E3264	RGB 46 50 100	#2E3264
16.7%	16.7% #383C6B	RGB 56 60 107	#383C6B
33.3%	33.3% #434773	RGB 67 71 115	#434773
50.0%	50.0% #4E527B	RGB 78 82 123	#4E527B
66.7%	66.7% #595D83	RGB 89 93 131	#595D83
83.3%	83.3% #64688B	RGB 100 104 139	#64688B
100.0%	100.0% #6F7393	RGB 111 115 147	#6F7393

#2E3264 #383C6B #434773 #4E527B #595D83 #64688B #6F7393

#2E3264 - #6F7393

Mezcla HSV

#2E3264 - #6F7393 | 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 #2E3264 como 0% y #6F7393 como 100%.

0.0%	0.0% #2E3264	RGB 46 50 100	#2E3264
16.7%	16.7% #363B6B	RGB 54 59 107	#363B6B
33.3%	33.3% #404473	RGB 64 68 115	#404473
50.0%	50.0% #4B4F7B	RGB 75 79 123	#4B4F7B
66.7%	66.7% #565A83	RGB 86 90 131	#565A83
83.3%	83.3% #62668B	RGB 98 102 139	#62668B
100.0%	100.0% #6F7393	RGB 111 115 147	#6F7393

#2E3264 #363B6B #404473 #4B4F7B #565A83 #62668B #6F7393

#2E3264 - #4B4F7B - #6F7393

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
    background: -webkit-linear-gradient(top, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
    background: linear-gradient(to bottom, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
}
</style>