#465E5E - #073F53 | 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 #465E5E a #073F53

#465E5E #073F53

Calcule el color entre dos colores, #465E5E y #073F53. 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)

#465E5E - #073F53 | 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 #465E5E como 0% y #073F53 como 100%.

0.0%	0.0% #465E5E	RGB 70 94 94	#465E5E
16.7%	16.7% #3B585C	RGB 59 88 92	#3B585C
33.3%	33.3% #31535A	RGB 49 83 90	#31535A
50.0%	50.0% #264E58	RGB 38 78 88	#264E58
66.7%	66.7% #1C4956	RGB 28 73 86	#1C4956
83.3%	83.3% #114454	RGB 17 68 84	#114454
100.0%	100.0% #073F53	RGB 7 63 83	#073F53

#465E5E #3B585C #31535A #264E58 #1C4956 #114454 #073F53

#465E5E - #073F53

Mezcla HSV

#465E5E - #073F53 | 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 #465E5E como 0% y #073F53 como 100%.

0.0%	0.0% #465E5E	RGB 70 94 94	#465E5E
16.7%	16.7% #3A5A5C	RGB 58 90 92	#3A5A5C
33.3%	33.3% #2F565A	RGB 47 86 90	#2F565A
50.0%	50.0% #245158	RGB 36 81 88	#245158
66.7%	66.7% #1A4C56	RGB 26 76 86	#1A4C56
83.3%	83.3% #104554	RGB 16 69 84	#104554
100.0%	100.0% #073F53	RGB 7 63 83	#073F53

#465E5E #3A5A5C #2F565A #245158 #1A4C56 #104554 #073F53

#465E5E - #245158 - #073F53

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465E5E 0%, #245158 50%, #073F53 100%);
    background: -webkit-linear-gradient(top, #465E5E 0%, #245158 50%, #073F53 100%);
    background: linear-gradient(to bottom, #465E5E 0%, #245158 50%, #073F53 100%);
}
</style>