#46565E - #09324E | 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 #46565E a #09324E

#46565E #09324E

Calcule el color entre dos colores, #46565E y #09324E. 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)

#46565E - #09324E | 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 #46565E como 0% y #09324E como 100%.

0.0%	0.0% #46565E	RGB 70 86 94	#46565E
16.7%	16.7% #3B505B	RGB 59 80 91	#3B505B
33.3%	33.3% #314A58	RGB 49 74 88	#314A58
50.0%	50.0% #274456	RGB 39 68 86	#274456
66.7%	66.7% #1D3E53	RGB 29 62 83	#1D3E53
83.3%	83.3% #133850	RGB 19 56 80	#133850
100.0%	100.0% #09324E	RGB 9 50 78	#09324E

#46565E #3B505B #314A58 #274456 #1D3E53 #133850 #09324E

#46565E - #09324E

Mezcla HSV

#46565E - #09324E | 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 #46565E como 0% y #09324E como 100%.

0.0%	0.0% #46565E	RGB 70 86 94	#46565E
16.7%	16.7% #3A4F5B	RGB 58 79 91	#3A4F5B
33.3%	33.3% #2F4958	RGB 47 73 88	#2F4958
50.0%	50.0% #244356	RGB 36 67 86	#244356
66.7%	66.7% #1B3D53	RGB 27 61 83	#1B3D53
83.3%	83.3% #113750	RGB 17 55 80	#113750
100.0%	100.0% #09324E	RGB 9 50 78	#09324E

#46565E #3A4F5B #2F4958 #244356 #1B3D53 #113750 #09324E

#46565E - #244356 - #09324E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46565E 0%, #244356 50%, #09324E 100%);
    background: -webkit-linear-gradient(top, #46565E 0%, #244356 50%, #09324E 100%);
    background: linear-gradient(to bottom, #46565E 0%, #244356 50%, #09324E 100%);
}
</style>