#2D3C3C - #5E8BA0 | 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 #2D3C3C a #5E8BA0

#2D3C3C #5E8BA0

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

#2D3C3C - #5E8BA0 | 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 #2D3C3C como 0% y #5E8BA0 como 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #35494C	RGB 53 73 76	#35494C
33.3%	33.3% #3D565D	RGB 61 86 93	#3D565D
50.0%	50.0% #45636E	RGB 69 99 110	#45636E
66.7%	66.7% #4D707E	RGB 77 112 126	#4D707E
83.3%	83.3% #557D8F	RGB 85 125 143	#557D8F
100.0%	100.0% #5E8BA0	RGB 94 139 160	#5E8BA0

#2D3C3C #35494C #3D565D #45636E #4D707E #557D8F #5E8BA0

#2D3C3C - #5E8BA0

Mezcla HSV

#2D3C3C - #5E8BA0 | 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 #2D3C3C como 0% y #5E8BA0 como 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #374B4C	RGB 55 75 76	#374B4C
33.3%	33.3% #405A5D	RGB 64 90 93	#405A5D
50.0%	50.0% #49686E	RGB 73 104 110	#49686E
66.7%	66.7% #51757E	RGB 81 117 126	#51757E
83.3%	83.3% #58808F	RGB 88 128 143	#58808F
100.0%	100.0% #5E8BA0	RGB 94 139 160	#5E8BA0

#2D3C3C #374B4C #405A5D #49686E #51757E #58808F #5E8BA0

#2D3C3C - #49686E - #5E8BA0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C3C 0%, #49686E 50%, #5E8BA0 100%);
    background: -webkit-linear-gradient(top, #2D3C3C 0%, #49686E 50%, #5E8BA0 100%);
    background: linear-gradient(to bottom, #2D3C3C 0%, #49686E 50%, #5E8BA0 100%);
}
</style>