#080707 - #353C44 | 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 #080707 a #353C44

#080707 #353C44

Calcule el color entre dos colores, #080707 y #353C44. 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)

#080707 - #353C44 | 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 #080707 como 0% y #353C44 como 100%.

0.0%	0.0% #080707	RGB 8 7 7	#080707
16.7%	16.7% #0F0F11	RGB 15 15 17	#0F0F11
33.3%	33.3% #17181B	RGB 23 24 27	#17181B
50.0%	50.0% #1E2125	RGB 30 33 37	#1E2125
66.7%	66.7% #262A2F	RGB 38 42 47	#262A2F
83.3%	83.3% #2D3339	RGB 45 51 57	#2D3339
100.0%	100.0% #353C44	RGB 53 60 68	#353C44

#080707 #0F0F11 #17181B #1E2125 #262A2F #2D3339 #353C44

#080707 - #353C44

Mezcla HSV

#080707 - #353C44 | 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 #080707 como 0% y #353C44 como 100%.

0.0%	0.0% #080707	RGB 8 7 7	#080707
16.7%	16.7% #120F10	RGB 18 15 16	#120F10
33.3%	33.3% #1C171B	RGB 28 23 27	#1C171B
50.0%	50.0% #241F26	RGB 36 31 38	#241F26
66.7%	66.7% #2A2630	RGB 42 38 48	#2A2630
83.3%	83.3% #2E2E3A	RGB 46 46 58	#2E2E3A
100.0%	100.0% #353C44	RGB 53 60 68	#353C44

#080707 #120F10 #1C171B #241F26 #2A2630 #2E2E3A #353C44

#080707 - #241F26 - #353C44

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080707 0%, #241F26 50%, #353C44 100%);
    background: -webkit-linear-gradient(top, #080707 0%, #241F26 50%, #353C44 100%);
    background: linear-gradient(to bottom, #080707 0%, #241F26 50%, #353C44 100%);
}
</style>