#243750 - #707B85 | 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 #243750 a #707B85

#243750 #707B85

Calcule el color entre dos colores, #243750 y #707B85. 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)

#243750 - #707B85 | 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 #243750 como 0% y #707B85 como 100%.

0.0%	0.0% #243750	RGB 36 55 80	#243750
16.7%	16.7% #304258	RGB 48 66 88	#304258
33.3%	33.3% #3D4D61	RGB 61 77 97	#3D4D61
50.0%	50.0% #4A596A	RGB 74 89 106	#4A596A
66.7%	66.7% #566473	RGB 86 100 115	#566473
83.3%	83.3% #636F7C	RGB 99 111 124	#636F7C
100.0%	100.0% #707B85	RGB 112 123 133	#707B85

#243750 #304258 #3D4D61 #4A596A #566473 #636F7C #707B85

#243750 - #707B85

Mezcla HSV

#243750 - #707B85 | 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 #243750 como 0% y #707B85 como 100%.

0.0%	0.0% #243750	RGB 36 55 80	#243750
16.7%	16.7% #2D4158	RGB 45 65 88	#2D4158
33.3%	33.3% #384B61	RGB 56 75 97	#384B61
50.0%	50.0% #44566A	RGB 68 86 106	#44566A
66.7%	66.7% #526273	RGB 82 98 115	#526273
83.3%	83.3% #606E7C	RGB 96 110 124	#606E7C
100.0%	100.0% #707B85	RGB 112 123 133	#707B85

#243750 #2D4158 #384B61 #44566A #526273 #606E7C #707B85

#243750 - #44566A - #707B85

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #243750 0%, #44566A 50%, #707B85 100%);
    background: -webkit-linear-gradient(top, #243750 0%, #44566A 50%, #707B85 100%);
    background: linear-gradient(to bottom, #243750 0%, #44566A 50%, #707B85 100%);
}
</style>