#0065A0 - #1C2B3C | 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 #0065A0 a #1C2B3C

#0065A0 #1C2B3C

Calcule el color entre dos colores, #0065A0 y #1C2B3C. 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)

#0065A0 - #1C2B3C | 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 #0065A0 como 0% y #1C2B3C como 100%.

0.0%	0.0% #0065A0	RGB 0 101 160	#0065A0
16.7%	16.7% #045B8F	RGB 4 91 143	#045B8F
33.3%	33.3% #09517E	RGB 9 81 126	#09517E
50.0%	50.0% #0E486E	RGB 14 72 110	#0E486E
66.7%	66.7% #123E5D	RGB 18 62 93	#123E5D
83.3%	83.3% #17344C	RGB 23 52 76	#17344C
100.0%	100.0% #1C2B3C	RGB 28 43 60	#1C2B3C

#0065A0 #045B8F #09517E #0E486E #123E5D #17344C #1C2B3C

#0065A0 - #1C2B3C

Mezcla HSV

#0065A0 - #1C2B3C | 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 #0065A0 como 0% y #1C2B3C como 100%.

0.0%	0.0% #0064A0	RGB 0 100 160	#0064A0
16.7%	16.7% #0B5B8F	RGB 11 91 143	#0B5B8F
33.3%	33.3% #13517E	RGB 19 81 126	#13517E
50.0%	50.0% #19486E	RGB 25 72 110	#19486E
66.7%	66.7% #1D3E5D	RGB 29 62 93	#1D3E5D
83.3%	83.3% #1D354C	RGB 29 53 76	#1D354C
100.0%	100.0% #1C2B3C	RGB 28 43 60	#1C2B3C

#0064A0 #0B5B8F #13517E #19486E #1D3E5D #1D354C #1C2B3C

#0065A0 - #19486E - #1C2B3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0064A0 0%, #19486E 50%, #1C2B3C 100%);
    background: -webkit-linear-gradient(top, #0064A0 0%, #19486E 50%, #1C2B3C 100%);
    background: linear-gradient(to bottom, #0064A0 0%, #19486E 50%, #1C2B3C 100%);
}
</style>