#103639 - #041010 | 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 #103639 a #041010

#103639 #041010

Calcule el color entre dos colores, #103639 y #041010. 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)

#103639 - #041010 | 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 #103639 como 0% y #041010 como 100%.

0.0%	0.0% #103639	RGB 16 54 57	#103639
16.7%	16.7% #0E2F32	RGB 14 47 50	#0E2F32
33.3%	33.3% #0C292B	RGB 12 41 43	#0C292B
50.0%	50.0% #0A2324	RGB 10 35 36	#0A2324
66.7%	66.7% #081C1D	RGB 8 28 29	#081C1D
83.3%	83.3% #061616	RGB 6 22 22	#061616
100.0%	100.0% #041010	RGB 4 16 16	#041010

#103639 #0E2F32 #0C292B #0A2324 #081C1D #061616 #041010

#103639 - #041010

Mezcla HSV

#103639 - #041010 | 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 #103639 como 0% y #041010 como 100%.

0.0%	0.0% #103639	RGB 16 54 57	#103639
16.7%	16.7% #0D2F32	RGB 13 47 50	#0D2F32
33.3%	33.3% #0B292B	RGB 11 41 43	#0B292B
50.0%	50.0% #092324	RGB 9 35 36	#092324
66.7%	66.7% #071D1D	RGB 7 29 29	#071D1D
83.3%	83.3% #051616	RGB 5 22 22	#051616
100.0%	100.0% #041010	RGB 4 16 16	#041010

#103639 #0D2F32 #0B292B #092324 #071D1D #051616 #041010

#103639 - #092324 - #041010

Códigos CSS

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

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