#353B41 - #0D1211 | 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 #353B41 a #0D1211

#353B41 #0D1211

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

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

0.0%	0.0% #353B41	RGB 53 59 65	#353B41
16.7%	16.7% #2E3439	RGB 46 52 57	#2E3439
33.3%	33.3% #272D31	RGB 39 45 49	#272D31
50.0%	50.0% #212629	RGB 33 38 41	#212629
66.7%	66.7% #1A1F21	RGB 26 31 33	#1A1F21
83.3%	83.3% #131819	RGB 19 24 25	#131819
100.0%	100.0% #0D1211	RGB 13 18 17	#0D1211

#353B41 #2E3439 #272D31 #212629 #1A1F21 #131819 #0D1211

#353B41 - #0D1211

Mezcla HSV

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

0.0%	0.0% #353B41	RGB 53 59 65	#353B41
16.7%	16.7% #2D3439	RGB 45 52 57	#2D3439
33.3%	33.3% #262E31	RGB 38 46 49	#262E31
50.0%	50.0% #1F2829	RGB 31 40 41	#1F2829
66.7%	66.7% #192121	RGB 25 33 33	#192121
83.3%	83.3% #131919	RGB 19 25 25	#131919
100.0%	100.0% #0D1211	RGB 13 18 17	#0D1211

#353B41 #2D3439 #262E31 #1F2829 #192121 #131919 #0D1211

#353B41 - #1F2829 - #0D1211

Códigos CSS

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

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