#283D5E - #778391 | 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 #283D5E a #778391

#283D5E #778391

Calcule el color entre dos colores, #283D5E y #778391. 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)

#283D5E - #778391 | 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 #283D5E como 0% y #778391 como 100%.

0.0%	0.0% #283D5E	RGB 40 61 94	#283D5E
16.7%	16.7% #354866	RGB 53 72 102	#354866
33.3%	33.3% #42546F	RGB 66 84 111	#42546F
50.0%	50.0% #4F6077	RGB 79 96 119	#4F6077
66.7%	66.7% #5C6B80	RGB 92 107 128	#5C6B80
83.3%	83.3% #697788	RGB 105 119 136	#697788
100.0%	100.0% #778391	RGB 119 131 145	#778391

#283D5E #354866 #42546F #4F6077 #5C6B80 #697788 #778391

#283D5E - #778391

Mezcla HSV

#283D5E - #778391 | 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 #283D5E como 0% y #778391 como 100%.

0.0%	0.0% #283D5E	RGB 40 61 94	#283D5E
16.7%	16.7% #324766	RGB 50 71 102	#324766
33.3%	33.3% #3D526F	RGB 61 82 111	#3D526F
50.0%	50.0% #4A5D77	RGB 74 93 119	#4A5D77
66.7%	66.7% #586980	RGB 88 105 128	#586980
83.3%	83.3% #677688	RGB 103 118 136	#677688
100.0%	100.0% #778391	RGB 119 131 145	#778391

#283D5E #324766 #3D526F #4A5D77 #586980 #677688 #778391

#283D5E - #4A5D77 - #778391

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #283D5E 0%, #4A5D77 50%, #778391 100%);
    background: -webkit-linear-gradient(top, #283D5E 0%, #4A5D77 50%, #778391 100%);
    background: linear-gradient(to bottom, #283D5E 0%, #4A5D77 50%, #778391 100%);
}
</style>