#1E2324 - #BEBFC0 | 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 #1E2324 a #BEBFC0

#1E2324 #BEBFC0

Calcule el color entre dos colores, #1E2324 y #BEBFC0. 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)

#1E2324 - #BEBFC0 | 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 #1E2324 como 0% y #BEBFC0 como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #383D3E	RGB 56 61 62	#383D3E
33.3%	33.3% #535758	RGB 83 87 88	#535758
50.0%	50.0% #6E7172	RGB 110 113 114	#6E7172
66.7%	66.7% #888B8C	RGB 136 139 140	#888B8C
83.3%	83.3% #A3A5A6	RGB 163 165 166	#A3A5A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2324 #383D3E #535758 #6E7172 #888B8C #A3A5A6 #BEBFC0

#1E2324 - #BEBFC0

Mezcla HSV

#1E2324 - #BEBFC0 | 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 #1E2324 como 0% y #BEBFC0 como 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #353C3E	RGB 53 60 62	#353C3E
33.3%	33.3% #4D5558	RGB 77 85 88	#4D5558
50.0%	50.0% #676E72	RGB 103 110 114	#676E72
66.7%	66.7% #83888C	RGB 131 136 140	#83888C
83.3%	83.3% #9FA3A6	RGB 159 163 166	#9FA3A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2324 #353C3E #4D5558 #676E72 #83888C #9FA3A6 #BEBFC0

#1E2324 - #676E72 - #BEBFC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2324 0%, #676E72 50%, #BEBFC0 100%);
    background: -webkit-linear-gradient(top, #1E2324 0%, #676E72 50%, #BEBFC0 100%);
    background: linear-gradient(to bottom, #1E2324 0%, #676E72 50%, #BEBFC0 100%);
}
</style>