#353D3C - #0F1011 | 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 #353D3C a #0F1011

#353D3C #0F1011

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

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

0.0%	0.0% #353D3C	RGB 53 61 60	#353D3C
16.7%	16.7% #2E3534	RGB 46 53 52	#2E3534
33.3%	33.3% #282E2D	RGB 40 46 45	#282E2D
50.0%	50.0% #222626	RGB 34 38 38	#222626
66.7%	66.7% #1B1F1F	RGB 27 31 31	#1B1F1F
83.3%	83.3% #151718	RGB 21 23 24	#151718
100.0%	100.0% #0F1011	RGB 15 16 17	#0F1011

#353D3C #2E3534 #282E2D #222626 #1B1F1F #151718 #0F1011

#353D3C - #0F1011

Mezcla HSV

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

0.0%	0.0% #353D3C	RGB 53 61 60	#353D3C
16.7%	16.7% #2E3535	RGB 46 53 53	#2E3535
33.3%	33.3% #282D2E	RGB 40 45 46	#282D2E
50.0%	50.0% #222627	RGB 34 38 39	#222627
66.7%	66.7% #1B1E1F	RGB 27 30 31	#1B1E1F
83.3%	83.3% #151718	RGB 21 23 24	#151718
100.0%	100.0% #0F1011	RGB 15 16 17	#0F1011

#353D3C #2E3535 #282D2E #222627 #1B1E1F #151718 #0F1011

#353D3C - #222627 - #0F1011

Códigos CSS

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

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