#6D81B1 - #1F3E5E | 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 #6D81B1 a #1F3E5E

#6D81B1 #1F3E5E

Calcule el color entre dos colores, #6D81B1 y #1F3E5E. 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)

#6D81B1 - #1F3E5E | 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 #6D81B1 como 0% y #1F3E5E como 100%.

0.0%	0.0% #6D81B1	RGB 109 129 177	#6D81B1
16.7%	16.7% #6075A3	RGB 96 117 163	#6075A3
33.3%	33.3% #536A95	RGB 83 106 149	#536A95
50.0%	50.0% #465F87	RGB 70 95 135	#465F87
66.7%	66.7% #395479	RGB 57 84 121	#395479
83.3%	83.3% #2C496B	RGB 44 73 107	#2C496B
100.0%	100.0% #1F3E5E	RGB 31 62 94	#1F3E5E

#6D81B1 #6075A3 #536A95 #465F87 #395479 #2C496B #1F3E5E

#6D81B1 - #1F3E5E

Mezcla HSV

#6D81B1 - #1F3E5E | 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 #6D81B1 como 0% y #1F3E5E como 100%.

0.0%	0.0% #6D81B1	RGB 109 129 177	#6D81B1
16.7%	16.7% #5C73A3	RGB 92 115 163	#5C73A3
33.3%	33.3% #4D6795	RGB 77 103 149	#4D6795
50.0%	50.0% #405C87	RGB 64 92 135	#405C87
66.7%	66.7% #335179	RGB 51 81 121	#335179
83.3%	83.3% #28476B	RGB 40 71 107	#28476B
100.0%	100.0% #1F3E5E	RGB 31 62 94	#1F3E5E

#6D81B1 #5C73A3 #4D6795 #405C87 #335179 #28476B #1F3E5E

#6D81B1 - #405C87 - #1F3E5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D81B1 0%, #405C87 50%, #1F3E5E 100%);
    background: -webkit-linear-gradient(top, #6D81B1 0%, #405C87 50%, #1F3E5E 100%);
    background: linear-gradient(to bottom, #6D81B1 0%, #405C87 50%, #1F3E5E 100%);
}
</style>