#2D3E64 - #7B8495 | 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 #2D3E64 a #7B8495

#2D3E64 #7B8495

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

#2D3E64 - #7B8495 | 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 #2D3E64 como 0% y #7B8495 como 100%.

0.0%	0.0% #2D3E64	RGB 45 62 100	#2D3E64
16.7%	16.7% #3A496C	RGB 58 73 108	#3A496C
33.3%	33.3% #475574	RGB 71 85 116	#475574
50.0%	50.0% #54617C	RGB 84 97 124	#54617C
66.7%	66.7% #616C84	RGB 97 108 132	#616C84
83.3%	83.3% #6E788C	RGB 110 120 140	#6E788C
100.0%	100.0% #7B8495	RGB 123 132 149	#7B8495

#2D3E64 #3A496C #475574 #54617C #616C84 #6E788C #7B8495

#2D3E64 - #7B8495

Mezcla HSV

#2D3E64 - #7B8495 | 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 #2D3E64 como 0% y #7B8495 como 100%.

0.0%	0.0% #2D3E64	RGB 45 62 100	#2D3E64
16.7%	16.7% #37486C	RGB 55 72 108	#37486C
33.3%	33.3% #425274	RGB 66 82 116	#425274
50.0%	50.0% #4F5E7C	RGB 79 94 124	#4F5E7C
66.7%	66.7% #5C6A84	RGB 92 106 132	#5C6A84
83.3%	83.3% #6B768C	RGB 107 118 140	#6B768C
100.0%	100.0% #7B8495	RGB 123 132 149	#7B8495

#2D3E64 #37486C #425274 #4F5E7C #5C6A84 #6B768C #7B8495

#2D3E64 - #4F5E7C - #7B8495

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E64 0%, #4F5E7C 50%, #7B8495 100%);
    background: -webkit-linear-gradient(top, #2D3E64 0%, #4F5E7C 50%, #7B8495 100%);
    background: linear-gradient(to bottom, #2D3E64 0%, #4F5E7C 50%, #7B8495 100%);
}
</style>